代码之家 › 专栏 › 技术社区 › David Lawson

CSS:流畅的布局-页脚总是在底部,中间是流畅的

css

David Lawson · 技术社区 · 16 年前

您将如何做到这一点: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

流体中心(垂直拉伸,高度100%)除外?

1 回复 | 直到 16 年前

user912695 user912695 14 年前

<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>

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

推荐文章