页面超出屏幕边缘

The*_*לום 3 html css

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

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

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

有什么想法吗?

sac*_*een 5

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

在此输入图像描述

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

box-sizing: border-box;
Run Code Online (Sandbox Code Playgroud)