div高度在IE6显示不正常

  当一个div的高度设置为很小时,如1px,在FireFox和其他w3c浏览器中显示正常,可是在I中却不止1像素高。原因是IE文字有个最小高度,对次div增加一个font-size:1px样式就能解决问题此问题。

方法一
定义一个CSS样式,在DIV调用其样式
+展开
-HTML
<style type="text/css">.test{ height:1px; font-size:1px;}</style> 
<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>


方法二
通过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高度在IE6显示不正常

评论(2)Web开发网
阅读(139)喜欢(1)HTML/CSS兼容/XML