div高度在IE6显示不正常
当一个div的高度设置为很小时,如1px,在FireFox和其他w3c浏览器中显示正常,可是在I中却不止1像素高。原因是IE文字有个最小高度,对次div增加一个font-size:1px样式就能解决问题此问题。
方法一
定义一个CSS样式,在DIV调用其样式
在IE6里实现,是2px的,还必须加上一句overflow:hidden,如下
方法二
通过CSS定义border,用border的top\bottom这两个属性去实现1px的DIV。
原创文章,转载请注明出处:div高度在IE6显示不正常
方法一
定义一个CSS样式,在DIV调用其样式
+展开
-HTML
<style type="text/css">.test{ height:1px; font-size:1px;}</style>
<div class="test"></div>
<div class="test"></div>
在IE6里实现,是2px的,还必须加上一句overflow:hidden,如下
+展开
-HTML
<style type="text/css">.test{ height:1px; font-size:1px;overflow:hidden;}</style>
<div class="test"></div>
<div class="test"></div>
方法二
通过CSS定义border,用border的top\bottom这两个属性去实现1px的DIV。
+展开
-HTML
<style type="text/css">.test{ border-top:1px #f00 solid; line-height:1px;}</style>
<div class="test"></div>
<div class="test"></div>
加支付宝好友偷能量挖...
原创文章,转载请注明出处:div高度在IE6显示不正常