添加保证金的问题

Question

Link 到网站：https://jsfiddle.net/L84vhah9/

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

然后再次检查该网站。看看如何将整个 section moves/gets 的边距而不只是 box。它在 nav 和 section 之间创建了一个 space。

为什么会这样？

不应该只有 .box 获得利润吗？我不明白为什么 <section> 得到它。

Answer 1

看到这个fiddle

您可以通过添加

轻松解决问题

overflow:auto;

或

overflow: hidden;

到 parent 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;
}

添加保证金的问题

Problems with adding margin

html

css

margin

看到这个fiddle