html - 我怎样才能让它适合屏幕？

Question

正如标题所说，我希望“背景”元素适合屏幕的一侧(您可以看到它并没有一直到右边)，并且一直到屏幕底部。谁能帮忙？

代码可以在这里看到:codepen

(特别是这些元素)

```

.background {
  background: url("https://static.kent.ac.uk/nexus/ems/50.jpg");
  border: 3px solid black;
  margin: 0 auto;
}
.text {
  margin: 0 30px 0 30px;
  background-color: #ffffff;
  border: 1px solid black;
  opacity: 0.6;
  height: auto;
}
.text p {
  margin: 5%;
  font-weight: bold;
  color: #000000;
  opacity: 1;
}

```

Answer 1

设置margin: -20px;在 <header> 上将其拉出页面，并通过删除 margin: -20px; 创建水平滚动条页眉将完全放置在文档中，滚动条将消失。

codepen