margin-bottom是一个跨浏览器灰色区域

时间:2010-12-02 16:12:18

标签: css internet-explorer cross-browser margin

当我使用margin-bottom是CSS时,不同浏览器的结果会有所不同(尤其是可爱的IE)会影响CSS属性“Margin”我需要检查的其他规则在我看到一致的结果之前我已经实现了所有浏览器......

2 个答案:

答案 0 :(得分:1)

某些浏览器(IE)会崩溃边距。它不仅会影响底部边距,还会影响顶部边缘。

如果您有两个堆叠元素,两个边距都为margin: 10px 0 15px;,您可能会认为两者之间的间距为25px。但是,IE会缩小边距,所以剩下的就是最大的余量(在上面的示例中为15px)。

至于帮助确保浏览器始终如一地显示内容,一个好的起点是一个很好的重置样式表(例如Eric Meyer或YUI)。

答案 1 :(得分:0)

我会查找“ie box model bugs”之类的东西来理解一些怪癖。大多数情况下,如果您看到不同的边距,可能是因为该元素也有一些填充,这些填充的解释方式不同。

但如果你能提供更多细节,我们可以详细说明!