IE6 div height DUG

IE6下DIV默认高度问题及解决

最新推荐文章于 2022-08-04 22:12:12 发布

转载最新推荐文章于 2022-08-04 22:12:12 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/littlejerry/archive/2011/08/16/2140608.html

本文探讨了在IE6浏览器中，即使div为空也会出现默认高度的问题，并提供了通过调整font-size和使用特定CSS类来清除浮动并定义不同高度空白区域的解决方案。

1. 在ie6中，div即便为空时，也会有一个默认的高度（约为20px），这是设置height，lineheight小于默认高度时，不起作用。
2. 这个默认高度为文字高度，因此可以用font-size来定义
大众网中的blank很不简单啊，要多多学习，尽量避免bug的产生
/* CSS空白 */
.blank1{margin:0 auto;height:1px;font-size:1px;clear:both;overflow:hidden}
.blank2{margin:0 auto;height:2px;font-size:1px;clear:both;overflow:hidden}
.blank3{margin:0 auto;height:3px;font-size:1px;clear:both;overflow:hidden}
.blank5{margin:0 auto;height:5px;font-size:1px;clear:both;overflow:hidden}
.blank8{margin:0 auto;height:8px;font-size:1px;clear:both;overflow:hidden}
.blank10{margin:0 auto;height:10px;font-size:1px;clear:both;overflow:hidden}
.blank15{margin:0 auto;height:15px;font-size:1px;clear:both;overflow:hidden}
.blank20{margin:0 auto;height:15px;font-size:1px;clear:both;overflow:hidden}
.txtCenter{text-align:center}

转载于:https://www.cnblogs.com/littlejerry/archive/2011/08/16/2140608.html