IE6双填充程序错误

我创建了一些在其他浏览器中显示正常的彩色框，但IE6没有正确显示它们。在任何人询问或讽刺我为什么我很困扰支持IE6之前，这不是我的决定，而是我的经理。IE6双填充程序错误

其意图是每个彩色方块形成一个220像素×220像素的正方形，如下面的jsFiddle所示。 .awards_square_enter类中的属性height:100px;和padding: 20px 0 100px 20px;给出的框高度为220px。

我还添加了一些填充到以嵌套.awards_square_enter这是padding: 45px 0 0 30px;这种填充似乎IE6增加了一倍，并增加了盒子的高度超出220px的<span class="enter">。

http://jsfiddle.net/kFRrM/

.awards_square_enter a { 
    background-image: url("../images/icons/right_arrow.png"); 
    background-repeat: no-repeat; 
    background-position: 11% 85%; 
    display:block; 
    font-size: 30px; 
    height:100px; 
    line-height: 1.1em; 
    height:100px; 
    padding: 20px 0 100px 20px; 
}

这里是如何出现在IE6延伸超过220px高度：

enter image description here

来源

2013-04-29 user1554264

您是否尝试过摆脱双填充错误的传统方法？ http://breakthroughdesign.com/css-ie-double-padding-bug/851。还应该注意的是，较旧的IE版本具有盒模型的不正确实现（类似于“框尺寸：边框”）。 – cimmanon 2013-04-29 16:23:35

所以申请单独的样式通过条件注释IE6。改变你为两者设置的填充，直到它们等于你想要的样式，在只有去的样式中即可6

来源

2013-04-30 13:01:28 albert

IE6双填充程序错误

回答

相关问题