#wrapper {
display: table;
min-height: 100%;
height: 100%;
margin: 0px auto;
}
#header-wrap,
#content-wrap,
#footer-wrap {
display: table-row;
height: 1px;
}
#content-wrap {
height: auto;
}
<div id="wrapper">
<div id="header-wrap"></div>
<div id="content-wrap">
<section id="content"></section>
</div>
<div id="header-wrap"></div>
</div>
#wrapper
充当表格,其中#header-wrap
和#content-wrap
是#footer-wrap
帮助将页脚推到页面底部的表格单元格。
我怎样才能得到部分 #content
来填充 #content-wrap
高度?
我不会使用绝对定位。