html - 如何将CSS中的section元素设置为全宽

Question

图中红色圈出的地方是我的问题:

这是 Html/Css。

section {
  height: 100%;
  width: 100%;
  display: inline-block;
}

<section id="aboutSec">
  <div>
    <h1>Here is about Sec</h1>
  </div>
</section>

Answer 1

您要么在 section 元素上有一些 margin，要么在包含元素上有一些 padding。请记住，浏览器有一个默认样式表，所以如果您不使用 css reset 覆盖它, 然后有一些样式已经存在并影响您的布局。我建议将行 margin: 0; 添加到您的 section，然后遍历父元素或检查开发工具以查看父元素是否具有插入布局。