html - 如何修复意外的背景溢出

Question

我的问题是关于意外溢出的。我制作了一个网页，但正文溢出了所有其他元素。我已将宽度设置为 50% 100% 150%，无论我做什么， body 的 1/4 都会溢出。我尝试调整 div 元素的宽度，但仍然无法解决问题

https://codepen.io/pnkonx/pen/LgPwKE

 body{
   background-color:#f7ce58;
   color: #5e1c10;
   font-family: stylish, sans-serif;
   height: 100%;
   width: ;

这是我正在处理的元素的链接。

Answer 1

h1 是有罪的。

h1 {
  font-size: 20px;
  margin-left: 60%;
  width: 65%;
}

移除边距值并改用 text-align: right。

---

对于下一次，使用这个简短的片段来快速修复它。

* {
  border: solid 1px red;
}