添加保证金的问题

Question

链接到网站：https://jsfiddle.net/L84vhah9/

现在进入CSS，一直到.box并将margin: 0 auto;更改为margin: 2% auto;

然后再次检查网站。了解整个section如何移动/获取边距而不仅仅是box。它会在nav和section之间创建一个空格。

为什么会这样？

.box不应该只获得保证金吗？我不明白为什么<section>得到它。

Answer 1

请参阅此fiddle

您可以通过添加

轻松解决问题

overflow:auto;

或

overflow: hidden;

将父div ..发送到section。

因此，section和.box的更新CSS将如下

section {
    overflow: hidden;
  width: 90%;
  height: auto;
  margin: 0 auto;
  background-color: #fff;
}

.box {
  width: 90%;
  height: 300px;
  margin: 2% auto;
  border: 5px solid #36FF54;
  background: #ffffff;
}