html - 部分标签不动

Question

我的 section 标签内的 id 为 mainBody 的我的 section 标签没有被向下推，它应该是从 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。