适当的CSS以确保身体元素填满整个屏幕

she*_*rek 3 html css

我的身体元素有问题.它似乎正在填满100%的屏幕.但是,如果您将浏览器拖动得较小,然后向下滚动 - 主体不会延伸.

将此jsFiddle视为一个主要示例.

Noa*_*jen 6

height: 100%; 是您网站显示的窗口高度,而不是网站的高度,这会导致背景在向下滚动时变为紫色.

只需添加:

html { background: green; }
Run Code Online (Sandbox Code Playgroud)

并删除

body { background: green; }
Run Code Online (Sandbox Code Playgroud)

让背景永远是绿色的.(JSFiddle)