Html 水平滚动条？

我有以下代码：

<style>
body {
background-color: yellow;
width: 100%;
}
h1 {
color: red;
font-size: 50px;
}
p {
font-size: 20px;
}
</style>

<h1>Title</h1>
<p>Content</p>

标题
内容

删除正文宽度位。它是不需要的，默认情况下浏览器会在边缘上添加一点，这意味着它将超过

100%

，因此您必须有一个水平滚动条

删除：

body {
  width: 100%;
}

---

尝试将

margin:0

添加到

body

规则中。您已将

body

设置为占据窗口宽度的100%，但边距不被视为宽度测量的一部分，因此它略大于窗口。如果您想在内容周围留出一些空间，请使用

填充

有关这方面的更多信息，请阅读CSS框模型。
您应该删除
width:100%
，就像这样

或者您可以保留宽度：100%，并添加
边距：0
；到身体一样