html - 部分标签不移动

Question

我的部分标签内的部分标签具有 mainBody 的 id，它没有被向下推，它应该从 mainBody 的顶部向下 20 像素。代码：Index.html：http : //paste.ubuntu.com/1361141/reset.css 和 main.css：http://paste.ubuntu.com/1362043/

Answer 1

它称为边距折叠，是正常行为。 http://reference.sitepoint.com/css/collapsingmargins

只需删除 .news 元素上的边距（顶部和底部）。并添加：

padding: 20px 0 ; 

在#mainBody

此外，您没有正确使用 Section 元素#mainBody 几乎可以肯定是一个 div。

Answer 2

如果您更喜欢 MDN 文档，您可以在此处阅读有关折叠边距的更多信息：https ://developer.mozilla.org/en-US/docs/CSS/margin_collapsing。