Html 页脚至最小高度主区域后的页面底部

Html 页脚至最小高度主区域后的页面底部,html,css,webpage,footer,Html,Css,Webpage,Footer,我目前正在处理一个网页,遇到了一个问题。我希望我的页脚留在页面底部,在主区域之后。问题是我希望主区域位于minheight:900px并且它将略高于页脚 如果我在主区域添加更多文本,它的缩放效果会很好,但是页脚现在设置为保持在页边距顶部:1190px如果添加了更多文本,如何使其跟随主区域 页面原型如下:@user2130814如下更改您的网页CSS #logomenu { display: block; height: 98px; left: 0; margin-

我目前正在处理一个网页,遇到了一个问题。我希望我的页脚留在页面底部,在主区域之后。问题是我希望主区域位于
minheight:900px并且它将略高于页脚

如果我在主区域添加更多文本,它的缩放效果会很好,但是页脚现在设置为保持在
页边距顶部:1190px如果添加了更多文本,如何使其跟随主区域


页面原型如下:

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

它破坏了网站,但页脚现在仍处于底部。如此接近,嗯。。。将这些添加到#sisalto中,它固定了页面宽度:900px;边缘顶部:20px;边缘底部:-30px;z指数:5;但现在的问题是,sisalto不随文本缩放这是现在发生的情况更好,但sisalto不随文本缩放,文本实际上溢出了问题解决了。在更正css之后,我不得不添加空div来清除所有内容@user2130814更改#sisalto的css如下#sisalto{背景色:#E8E8E8;显示:块;边距:0自动;最小高度:900px;不透明度:0.9;溢出:隐藏;左填充:30px;右填充:30px;位置:相对;右:0;宽度:900px;}@user2130814我很高兴你能完成它。如果是为解决方案提供的指导,请将我的回答标记为答案。您能否发布您想要的结果图像,以便更好地了解您的问题。。。。