CSS压缩页边距的意义是什么？
CSS压缩页边距的意义是什么？
提问于 2010-06-18 21:22:07
CSS2盒子模型告诉我们adjoining vertical margins collapse。
我发现它相当烦人，因为它是许多设计错误的来源。我希望通过理解压缩利润率的目的，我将了解何时使用它们，以及在不需要它们时如何避免它们。
此功能的用途是什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2010-06-18 21:31:07
“空白处”的一般含义不是传达“将此元素移动10px”，而是“在此元素旁边必须有10px的空白空间”。
我总是发现用段落来概念化这是最容易的。
如果你只是给段落margin-top: 10px，并且在其他元素上没有页边距，那么一系列段落的间距就会很漂亮。但当然，在段落下面放置另一个元素时会遇到麻烦。这两个人会碰在一起。
如果页边距没有崩溃，您就会犹豫是否将margin-bottom: 10px添加到以前的代码中，因为这样一来，任何一对段落的间距都将为20px，而段落与其他元素的间距仅为10px。
所以垂直边际就会崩溃。通过添加10px的上边距和下边距，你是在说，“我不关心其他元素有什么边距规则，我要求每个段落上下至少有10px的填充。”
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3069921
复制相关文章
相似问题