部分标签不动

Question

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

您可以在此处详细了解折叠边距：https://developer.mozilla.org/en-US/docs/CSS/margin_collapsing以防您更喜欢MDN文档。