ie6下padding bug

今晚发现ie6下原来还有一个bug，看代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style type="text/css">*{ margin:0; padding:0;}#layout{ padding-top:10px;}#layout .test1,#layout .test2{ height:20px; border:1px solid #ccc;}#layout .test1{ float:left;}#layout .test2{ clear:both;}
</style>
</head>
<body><div id="layout"><div class="test1">test1</div><div class="test2">test2</div></div>
</body>
</html>

这样，在IE6下，浮动层后的层也有padding-top，谷歌了下，说是什么3像素引起的，我原来自己的解决方案是在test2这个div里加个margin-top:-10px;这样解决，但发现可以通过给#layout这div一个zoom:1激活haslayout，从而解决问题。标记以记之。

转载于:https://www.cnblogs.com/littledu/archive/2011/05/01/2034132.html

ie6下padding bug相关推荐

E6终极备忘：修复IE6下_25+_Bugs
E6终极备忘:修复IE6下_25+_Bugs 引言:"珍惜生命,远离IE 6!" 对IE6最好的策略就是不去兼容它. 好吧,我知道你的难处,你不得不去兼容IE6这个狗血 ...
CSS在IE6下的一些BUG和兼容性问题及解决办法
兼容性一直是前端的一大问题,也是让前端工程师很头痛的事情,在浏览器中,各厂商都有一套属于自己的标准和方法,从某种程度上看,是否能很好的处理兼容性问题,体现着一个前端工程师的水平,下面看一下CSS在IE ...
ie6下常见的bug 调整页面兼容性
ie6下常见的bug 我们布局页面,首先符合标准,如何写一个页面的标准性? 但是ie6等浏览器本身就比较特殊,bug比较多,兵法云,知己知彼百战百胜.我们需要了解ie6的一些常见bug,这样,更好的调 ...
IE6下position:absolute的定位BUG(转载)
position:absolute定位在IE6下存在left和bottom的定位错误问题: XHTML  <div style="p ...
IE6下z-index犯癫不起作用bug的初步研究
by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=471 一.匆匆带过的 ...
IE6下css常见bug处理
1.双倍边距如下图所示,一个样式里面既设定了"float:left:"又有"margin-left:100px:"的情况,就呈现了双倍情况.如外边距设置为10 ...
10个修复ie6下bug技巧[转]
ie6的末日即将来临,对我们前端开发人员来说,无疑是一个慰藉人心的喜讯.但这个末日也并非朝日可至,所以我们还是争取最后的胜利,用各种hack和方法来规避ie6下双边距,背景透明,重复文字等等一堆bug ...
[转]IE6下的CSS BUG枚举
原文链接:http://luinlee.com/405/ie6csschinese/ 1.终极方法:条件注释.缺点是在IE浏览器下可能会增加额外的HTTP请求数. 代码 <!–[if lte I ...
十个修复IE6下bug技巧
IE6的末日即将来临,但这个末日也并非朝日可至,所以我们还是争取最后的胜利,用各种hack和方法来规避IE6下双边距,背景透明,重复文字等等一堆bug. 10个修复IE6下bug技巧 IE6的末日即将 ...

ie6下padding bug

ie6下padding bug相关推荐

最新文章

热门文章