CSS边距碰撞

2024-01-07

有没有办法检测并防止边缘冲突?就像如果我有

<div style="margin-bottom: 10px;"></div>
<div style="margin-top: 10px;"></div>

我在它们之间有 20 像素的空间,但我需要 10 像素?


您不需要做任何事情;根据盒模型规格,相邻的底部和顶部边距将collapse http://www.w3.org/TR/CSS21/box.html#collapsing-margins,因此两者之间有 10 像素的间隙<div>元素而不是 20 像素间隙。看这个jsFiddle预览 http://jsfiddle.net/BoltClock/4ZzfL.

EDIT:你没有看到a之间崩溃的原因<table> ad a <div>是因为一个表设置为display: table默认情况下,这与块级元素不完全相同,因此根据规范,边距不会折叠。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS边距碰撞 的相关文章