该页面具有以下布局:
<div id="main" style="min-height:500px;">
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
<div>
主 div 可以有一个固定的高度或最小高度(style="height:500px;"
或style="min-height:375px;"
)。
是否可以使页脚和页眉尽可能多地占据他们需要的高度,并允许内容占据其余部分(content.height = main.height - (header.height + footer.height))
(不使用 JavaScript,弹性页眉和页脚,内容占据其余部分)?