Question

现在试图解决这个问题大约一个小时了，这让人很沮丧。

所以我需要我的div来填充页面的其余部分到页脚。

http://gyazo.com/999cce47ea567878586fbc4c843f80fc

在div上将高度设置为100％并不会增加大小。

.body-middle {
    width: 979px;
    margin: 0 auto;
    bottom:0;
    height:100%;
    padding-bottom: 50px;
}
footer {
    height: 50px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    background-color:#ebebeb;
}

他们都在名为page

的div中

.page {
    min-height: 100%;
    position:relative;
}

Answer 1

尝试给你的身体元素width:100%。

Answer 2

要使其占据整个屏幕高度，您必须向height:100%和html标记添加body。

http://jsfiddle.net/WtAg7/1/

PS：除非有其他div使用这些类名（.page，.body-middle），否则你应该使用ID代替，通过用{替换.前缀来连接到CSS {1}}前缀。

Answer 3

将正文和高度样式设置为100％，然后将div设置为100％高度。

CSS

body { height: 100%; margin: 0px; padding: 0px; }
html { height: 100%; }
.container { height: 100%;}

HTML

<body>
<div class="container">
<span>Something</span>
</div>
</body>

填充DIV高度

3 个答案: