Html 100%高度截面

我正在寻找一个网站的部分，有一个100%的

宽度

和

高度

。我到处都能看到这个（，）。是的，这些并没有完全填满整个页面，但是你明白了

我不想使用jQuery来创建覆盖滚动和所有其他jazz的东西。我只想有一个简单的HTML和CSS解决方案

对我来说，最大的问题是，当我想在部分中放置内容时，我需要填充。问题是截面变得大于100%。所以，我从其他问题中提取代码，拼凑出一把小提琴。当您滚动时，请注意填充会导致截面大于100%

主要问题：我是否以正确的方式创建了部分？如果是这样，您如何解决填充问题？如果没有，我该怎么办？

小提琴（我的代码）：

---

全屏显示（在这里您会注意到问题）：

添加

框大小：边框框到您的CSS部分：

section {
    padding: 3%;
    box-sizing:border-box;
}



边框框：宽度和高度属性包括填充和
边界，但不是边缘

嗯，你可以把填充3%，高度94%，宽度94%。。这总共是100%，我不知道为什么要将“高度”属性设置为100%。我可能不明白这个问题，但我已经把它们改成自动。这就是你想要的吗？@Medda86–94+3不能增加到100%。不管怎样，它都不起作用。@9997–这些部分应该填满屏幕。嗯，当我上学的时候，3+3+94=100 lol