css - margin-bottom 有点跨浏览器的灰色区域

标签 css internet-explorer cross-browser margin

当我使用 margin-bottom 是 CSS 时,结果因浏览器而异(尤其是可爱的 IE) 什么影响 CSS 属性“边距” 我需要检查哪些其他规则 我已经实现了才能看到一致的结果所有浏览器...

最佳答案

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

如果您有两个堆叠元素,两者的边距均为 margin: 10px 0 15px;,您可能会认为两者之间会有 25px 的空间。然而,IE 折叠了边距,所以剩下的就是最大的边距(在上面的例子中是 15px)。

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

关于css - margin-bottom 有点跨浏览器的灰色区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4337127/

相关文章:

javascript - 如何在 HTML/使用 CSS 中制作 "non-droppable group"?

javascript - VBA 检查网页上的警报 <li> </li> 并在检测到时运行 Sub

javascript - IE 8 - 对象不支持此属性或方法

css - 如何找到有关 CSS 浏览器不兼容的信息?

html - mozilla 和 ie 中的背景位置

html - 居中水平列表中元素的CSS设置宽度

html - 焦点上的样式跨度元素

html - 页脚没有停留在页面底部

html - 表格在不同浏览器中的错误位置?

jquery - 如果 margin 和 padding 为 0,为什么 imgs 之间有空格?