如何使css中的section元素达到全宽

Question

在图像中，红色圆圈区域是我的问题：

这是Html / Css。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

Answer 2

＆＃13;

＆＃13;

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

＆＃13;

process.env.npm_package_version

＆＃13;

＆＃13;

＆＃13;

尝试一次