html - 最小高度主要区域后到页面底部的页脚

Question

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

如果我向主区域添加更多文本，它可以很好地缩放，但页脚现在设置为保留在添加更多文本时margin-top:1190px;如何让它跟随主区域？

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

Answer 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;
}