没有JavaScript(html布局)可以做到这一点吗？

Question

该页面具有以下布局:

<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,弹性页眉和页脚,内容采取其余的)？

Answer 1

要简单地使用 CSS 页脚需要具有固定的大小。