0

一直在尝试解决这个问题大约一个小时，这令人沮丧。

所以我需要我的 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;
}
4

3 回答 3

0

为了让它占据屏幕的整个高度，您必须同时添加height:100%和html标签body。

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

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

于 2013-03-12T15:19:21.023 回答
0

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

于 2013-03-12T14:56:16.393 回答
0

将 body 和 height 样式设置为 100%，然后将您的 div 设置为 100% height。

CSS

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

HTML

<body>
<div class="container">
<span>Something</span>
</div>
</body>
于 2013-03-12T15:40:54.460 回答