如何修复意外的背景溢出

Question

我的问题是关于意外溢出。我制作了一个网页，但是主体溢出了所有其他元素。我将宽度设置为50％100％150％，无论我做什么，身体的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;
}