如果内容扩展,如何推送固定的div

时间:2011-12-10 00:42:44

标签: html css

我的页脚底部有一个固定位置,z索引为999999。 我的主要内容容器长度越长,用户添加的帖子越多,如果滚动条大于页面,则会显示滚动条。如果我向下滚动主内容div的主要底部由于z索引隐藏在页脚后面。我尝试删除它,但现在它继续上去。当主要内容扩展时,是否可以将页脚向下推?

#footer {
position:fixed;
z-index:999999;
bottom: 0;
width: 100%;
height: 50px;
margin-top: 25px;
background-color: #333;
}

#main-content {
position: absolute;
overflow: hidden;
z-index: 10;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari, Chrome */
border-radius: 8px; /* CSS3 */
behavior: url('../pie/pie.htc');
border: 5px solid #0f344f;
background: #ffffff;
left: 100px;
top: 195px;
width: 600px;
height: auto;
}

1 个答案:

答案 0 :(得分:5)

也许在底部提供主要内容填充可能会解决此问题

#main-content {padding-bottom:50px;}