我在OS X上使用Google Chrome，我似乎遇到了保证金崩溃的问题 . 我有两个div叠在一起，两个边缘顶部为2px，边缘底部为5px，两者都有1px边框 . 根据我的算术，div的“内容”区域之间应该有1 1 2 5 = 7px的空间，因为边界会阻止边缘折叠？
更令人困惑的是，在我有一个带有3px边框的div和一个前面描述的div之下的0 margin-top的位置，我最终得到了9px的空间（正如我非常渴望的那样） . div之间的唯一区别是缩小边框并重新定义边距的附加类，因此两个div都具有相同的填充（只有padding-bottom为0） . 任何人都可以指出我出错的地方吗？
3 回答
边距被解释为下一个元素的最小空间 .
因此，元素之间应该有5个px的间隙 . 看到它们好像重叠一样 .
边界消耗部分边际空间 . 相邻的边缘崩溃 .
忽略边界一会儿 . 说你有两个disvs . Top有2px保证金底部 . 底部有5px的保证金顶部 . 它们之间的空间是什么？正确答案是5px，是这两个值中的最大值 . 它不是添加剂 .
现在为每个添加1px边框，并将该边距减少到3px .
也许一个具有更多权重或id的父类具有更高的优先级（你知道，ID具有更多的特异性，或者父母等等 . 那些复杂的层次关系（或者你有一个！important;某处......）），并且那个有边距：0或填充：0，不知何故 .
Anywa，用一大块html和它的css更容易猜测...... :)因为可能有很多东西 .