在最小高度主区域之后页脚到页面底部

时间:2013-03-04 07:30:05

标签: html css webpage footer

我目前正在使用网页,但我遇到了一个问题。我希望我的页脚留在主页区域后面的页面底部。问题是我希望主区域位于min-height:900px;,并且它将略微超过页脚。

如果我在主区域添加更多文本,它可以很好地扩展,但页脚现在设置为margin-top:1190px;如果添加更多文本,我怎么能让它跟随主区域?

页面原型在这里:http://goo.gl/tu6s9

1 个答案:

答案 0 :(得分:1)

@ user2130814像这样改变您的网页CSS

#logomenu {
    display: block;
    height: 98px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    position: relative;
    right: 0;
    width: 960px;
    z-index: 3;
}
#intro {
    display: block;
    height: 198px;
    left: 0;
    margin: 0 auto;
    position: relative;
    width: 960px;
    z-index: 3;
}
#sisalto {
       background-color: #E8E8E8;
display: block;
margin: 0 auto;
min-height: 900px;
opacity: 0.9;
overflow: hidden;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
position: relative;
right: 0;
width: 900px;


 }

 #footer {
    background-image: url("images/bottom.jpg");
    clear: both;
    height: 215px;
    min-width: 1100px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;
}

#footersisennys {
    display: block;
    height: 145px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    position: relative;
    right: 0;
    width: 900px;
    z-index: 5;
}