ie6布局网页padding值加倍的解决方法
(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
ie6真的让人崩溃啊,每次布局网页的时候都要去测试,总会有各种问题,今天又遇到问题了,就是设置了padding值后,ie6加倍了padding值,最终找到解决方法,赶快来做个备忘。
我们在用CSS布局网页的时候常常会用的float浮动,为了兼容各浏览器,往往会在最后一个浮动后面加上一个空的div用来清除浮动,如:<div class="clear"></div>,但是今天发现,只要设置了padding值的元素内有<div class="clear"></div>,ie6就会加倍padding值,解决方法就是在clear样式中加入如下代码:
复制代码代码如下:
.clear{clear:both;height:0px;overflow:hidden;}
我们在用CSS布局网页的时候常常会用的float浮动,为了兼容各浏览器,往往会在最后一个浮动后面加上一个空的div用来清除浮动,如:<div class="clear"></div>,但是今天发现,只要设置了padding值的元素内有<div class="clear"></div>,ie6就会加倍padding值,解决方法就是在clear样式中加入如下代码:
复制代码代码如下:
.clear{clear:both;height:0px;overflow:hidden;}
下一篇:div+css最小高度的设置方法兼容各浏览器ie6+/Firefox