我花了好几个小时寻找解决方案，但都无济于事。
我有一个内容div，我想至少将其扩展到页面的底部，但在没有文本的情况下不要超过它。相关代码如下：
#top {
background-image: url('image.png');
width: 798px;
position:absolute;
top:0px;
margin-left:-399px;
left:50%;
display: block;
height: 132px;
}
#content {
position:absolute;
top:132px;
width: 798px;
margin-left:-399px;
left:50%;
display: block;
min-height:100%;
}
<body>
<div id="top"></div>
<div id="content">TEXT</div>
</body>
问题是，正如您所看到的，contentdiv在一个页眉之后开始在页面下方132px。这转化为132px的空白，我可以向下滚动查看。在文本填充的较长页面上不存在空白，但在较短的主页上，这是一个问题。
我尝试将内容div设置为底部：0；但它产生了相反的效果，使得div不会延伸到屏幕的初始底线以下，从而使文本在长页面上徘徊在div之外。
不幸的是，填充不会变成负数，所以我不能用这种方式剃掉132像素。
任何建议都将不胜感激。
添加一个容器，将其最大高度设置为100%。在容器内，设置顶部和内容物的最大高度？
CSS:
#container {
min-height:100%;
}
#top {
background-image: url('image.png');
width: 798px;
position:absolute;
top:0px;
margin-left:-399px;
left:50%;
display: block;
min-height:132px;
}
#content {
position:absolute;
top:132px;
width: 798px;
margin-left:-399px;
left:50%;
display: block;
min-height:100%;
}
HTML:
<body>
<div id="container">
<div id="top"></div>
<div id="content"><p>TEXT</p></div>
</div>
</body>