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

Question

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

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

Answer 1

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

只需添加:

html { background: green; }

并删除

body { background: green; }

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