页面超出屏幕边缘

Question

这是我第二次遇到这个问题，我正要揪着头发试图解决它。我正在创建一个网站，并且刚刚开始。html在 css 中，我将和标签的边距和填充设置body为 0，并且页面延伸超过屏幕的右边缘。

我尝试修改这些元素的 css 以包含 100% 宽度，但水平滚动条仍然存在，并且页面仍然超出屏幕边缘。

我还尝试将overflow值设置为隐藏，但正如预期的那样，这只带走了滚动条。很明显，页面仍然超出了屏幕的右边缘。

有什么想法吗？

Answer 1

除了 100% 宽度之外，您还有内边距。

Div 元素占据了所有可用的水平空间，因此您实际上不需要此处的 width 属性。把它拿出来就可以解决这个问题。此外，您还可以更改box-sizing元素的属性

box-sizing: border-box;