Question

我试图制造一个徒步的路障,将坐在一个路障的底部,但当重新布局时,它将与部队顶部的人员串通。

表格很容易做到:

<table style="height: 100%;" border="1">
    <!-- border so you can see how it resizes -->
    <tr id="TOP" style="height: 3em;"><td>TOP</td></tr>
    <tr id="GAP"><td>GAP</td></tr>
    <!-- content only so you can see what s going on;
         I want this to render as empty space -->
    <tr id="BOTTOM" style="height: 3em;"><td>BOTTOM</td></tr>
</table>

但我不想使用表格。

Answer 1

http://www.cssss准yfooter.com 似乎有一个答案:

<div id="wrap">
    <div id="header">
    </div>
    <div id="main">
    </div>
</div>

<div id="footer">
</div>


html, body { height: 100%; }

#wrap { min-height: 100%; }

#main {
    overflow:auto;
    padding-bottom: 150px;  /* must be same height as the footer */
}

#footer {
    position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;
}

友情链接