如何使用CSS使主要内容的div填充屏幕的高度

25 浏览
0 Comments

如何使用CSS使主要内容的div填充屏幕的高度

我有一个包含页眉、主体和页脚的网页。

我希望主体部分填满整个页面(在页脚和页眉之间填满100%)。

我的页脚使用position: absolute和bottom: 0进行定位。每次我尝试设置主体部分的高度为100%,或者改变其位置等,都会导致它溢出到页眉部分。即使我将主体部分的位置设置为绝对定位,并且top: 40(因为我的页眉高度为40px),它仍然会向下偏移40px,从而创建出滚动条。

由于我无法发布整个项目中的完整页面和CSS,所以我创建了一个简单的HTML文件。在这个示例代码中,虽然主体部分填满了屏幕,但它向下偏移了40px(我认为是因为页眉)。

有人知道答案吗?

0