在CSS样式表中添加以下代码:
html, body { height: 100%; }
这将将body元素的高度设置为html元素的高度。如果body元素内部有其他元素,则考虑将这些元素的高度设置为100%。例如:
html, body { height: 100%; }
body { display: flex; flex-direction: column; }
main { flex: 1; }
这将使用flexbox布局使main元素填充body元素的剩余空间。
下一篇:Body部分被侧边栏覆盖