Html 是什么导致我的页面溢出？

我正在做我的第一个项目，预计有一天会成为一个博客。我目前正在尝试设计主页，直到某一点，一切都很好。但后来发生了一些事情，出现了溢流。我不知道是什么原因造成的。我使用框大小：边框框只是为了确保没有隐藏的边框、边距或填充导致这个问题，但它仍然存在

顺便说一句，我的目标是使页面具有响应性，这就是为什么我尽量使用可伸缩的宽度和高度。也许这就是问题所在

width: calc(100vw); max-width: 4000px;
height: calc(5vh); max-height: 112.5px;

这是小提琴：

---

有什么想法吗？

这里溢出的唯一原因是使用100vw。一旦您设置了某个块标记的宽度，它就会溢出。100vh的情况也类似。它使标记垂直溢出

使用

calc（100vw）

也是毫无意义的，如果需要，您可以使用

100%

#header {
        width: 100%;
    max-width: inherit;
        height: calc(5vh); max-height: 112.5px;
    }

下面是更新的JSFIDLE

---

BTW

*{margin:0 auto；}

是BLWACHD吗？您知道不需要为块级元素（如DIV）设置宽度，它才是全宽的吗？同样

width:calc（100vw）

也没有意义。没有要计算的内容。您正在将

包装到

中吗？？为什么？您的文档以

结尾。。。但是

在哪里？你真的需要复习基础知识。@RokoC.Buljan为什么是blwach？我只是把所有的东西都放在页面的中心，不是吗？如果基本上和100%一样，为什么block会有100vw的溢出？另外，大众/vh的响应速度不是比%更友好吗？顺便说一下，谢谢你的小提琴！说不清确切的原因？但是你可以检查这个ans@PhilipAndrews