网页制作 
首页 > 网页制作 > 浏览文章

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;}
上一篇:Google Chrome浏览器无法显示hover样式的解决方法
下一篇:div+css最小高度的设置方法兼容各浏览器ie6+/Firefox