0

我的网站有一些页面内容很少,

the content height + footer height < one screen height

见下图:

在此处输入图像描述

所以我的问题是,当我的内容高度不足以覆盖整个页面时,如何在页面底部制作页脚?

PS:我不希望页脚页面固定在底部。

4

2 回答 2

0

http://jsfiddle.net/yvZaV/1/

<div class="wrapper">
    <div>content here, this will push the footer down the page if it is needed</div>
    <footer>footer here</footer>
</div>

html, body {
    height:100%;
    min-height:100%;
}
.wrapper {
    position:relative;
    min-height:100%;
}
footer {
    position:absolute;
    bottom:0px;
    width:100%;
    background-color:red;
}
于 2013-09-11T02:54:32.810 回答
0

您可以为您的内容设置最小高度,您可以将其设置为像素或百分比

.content{
    min-height: 100%;
}

http://jsfiddle.net/yvZaV/2/

于 2013-09-11T03:04:29.007 回答