当放大时,为什么页脚重叠其前述内容
问题描述:
这里是样品HTML:当放大时,为什么页脚重叠其前述内容
<div id = "mainWrapperDiv">
<div id = "mainDiv">
<div> testing </div>
</div>
</div>
<div id = "footerDiv">
</div>
它的CSS:
*
{
padding: 0px;
margin: 0px;
}
body, html
{
height: 100%
}
div
{
border: none;
}
#mainWrapperDiv
{
min-height: 100%;
height: 100%;
margin-bottom: -200px;
}
#mainDiv
{
margin: 0px auto 0px auto;
width: 1000px;
min-height: 500px;
background: lightgreen;
}
#footerDiv
{
height: 200px;
width: 100%;
position: relative;
clear: both;
background: lightblue;
}
答
由于位置被设置为相对的。并且还有margin-bottom: -200px;
我拿出相对的,仍然有问题。 – dave 2011-01-21 21:58:28
margin-bottom:-200px;这可能没有帮助。 – profitphp 2011-01-21 22:00:55
是的,但多数民众赞成如何使页脚底部保持.... – dave 2011-01-21 22:05:31