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

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: ;

这是我正在从事的项目的链接。

标签： htmlcss

Answer 1

h1是有罪的。

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

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

---

下次，使用这个简短的代码片段快速修复它。

* {
  border: solid 1px red;
}