相关疑难解决方法(0)

跨浏览器问题:最小高度和折叠边距

正如您在这个简单示例中所看到的:

<div id="minheight">
    <p id="margin">Paragraph with a margin</p>
</div>
<div id="sibling">Sibling div</div>
Run Code Online (Sandbox Code Playgroud)
#minheight {
    min-height: 100px;
    background: red;
}
#sibling {
    background: blue;
}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/peterbriers/B43th

Chrome(35)和Firefox(29)之间的区别在于它如何处理块上的折叠边距,其min-height大于子节点margin.

我试图完全理解规范:http://www.w3.org/TR/CSS2/box.html#collapsing-margins,但我仍然不确定哪个浏览器正确处理这个问题.我会说Chrome是错误的,但Safari(7)也是Chrome方式.

哪个浏览器是正确的,如何为没有正确执行的浏览器提交错误?顺便说一句:我不是通过添加新的块格式化上下文(添加溢出属性)来要求任何修复...

css cross-browser margins

4
推荐指数
1
解决办法
761
查看次数

标签 统计

cross-browser ×1

css ×1

margins ×1