Question

你会怎么做： http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

除了流体中心（垂直拉伸，高度100％）？

Answer 1

我会使用display：table;身体或包装的布局，并给中间行百分之百的高度。

喜欢这个.-

<body>
<div>
    <div id=head">head</div>
</div>
<div>
    <div id=body">body</div>
</div>
<div id=head">
    <div id="foot">foot</div>
</div>
</body>

使用以下CSS。

html, body
{
    height:100%;
}
body
{
    width:100%;
    display:table;
}
body > div
{
    display:table-row;
}
body > div > div
{
    display:table-cell;
}
#body
{
    height:100%;
}

CSS：流体布局 - 页脚始终位于底部，流体中心

1 个答案: