我目前正在使用网页,但我遇到了一个问题。我希望我的页脚留在主页区域后面的页面底部。问题是我希望主区域位于min-height:900px;
,并且它将略微超过页脚。
如果我在主区域添加更多文本,它可以很好地扩展,但页脚现在设置为margin-top:1190px;
如果添加更多文本,我怎么能让它跟随主区域?
页面原型在这里:http://goo.gl/tu6s9
答案 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;
}