html - 添加 margin 的问题

标签 html css margin

<分区>

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

现在进入 CSS,一直向下到 .box并更改 margin: 0 auto;margin: 2% auto;

然后再次检查该网站。看怎么整section移动/获取边距而不仅仅是 box .它在 nav 之间创建一个空格和 section .

为什么会这样?

不应该只是 .box得到 margin ?我不明白为什么<section>明白了。

最佳答案

看这个fiddle

您可以通过添加轻松解决问题

overflow:auto;

overflow: hidden;

到父 div..ie 到您的部分

因此,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;
}

关于html - 添加 margin 的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36956054/

上一篇:html - 你如何做到这样有人可以在你的网站上输入 'type' 而无需输入文本框?

下一篇:javascript - 输入类型 ="file"onclick 有效,但文件选择不显示

相关文章:

css - 在标题图片下方添加 5px 底部边距

html - 将 div 居中对齐

javascript - 无法在 js 上填充 ddl

html - 悬停一个元素时如何影响其他元素

javascript - JS 样式的 webkit 转换不以内联样式出现

css - 造型 WordPress 循环问题

html - Chrome 9 中奇怪的边距错误

html - Div 悬停而不是嵌套 - 响应式

javascript - 表格 - 隐藏一个元素,显示另一个元素

c# - 在富文本框中定位列表框