粘性页脚问题 - 空间突然显示在页脚下

时间：2012-09-30 06:51:02

标签： css footer sticky-footer

我为一位有css粘性页脚的朋友创建了一个网站。

它应该看起来像这里：http://abchealth.info/doc-mike-special/test2/

它工作正常，直到我在http://abchealth.info/doc-mike-special/添加了长销售页面的最后一段，然后突然页脚布局搞砸了，页脚下面突然出现了很多空白区域:(

我无法弄清楚为什么，作为一名业余爱好者......任何人都可以帮忙吗？

为了节省时间，我提取了似乎最相关的html和css，这有助于：

HTML：

<body>

<div id="mastercontainer">
</div>

<div id="footerclear">
</div>

<div id="footer">
</div>

</body>

CSS 

div#wrap {
margin: 0 auto;
width: 100%;
padding-bottom: 605px;
}
div#mastercontainer {
width: 100%;
height: 100%;
min-height: 100%;
}
div#footerclear {
}
div#footer {
position: relative;
margin-top: -570px;
height: 570px;
clear: both;
background-image: url(http://abchealth.info/images/footer-bg.jpg);
background-repeat: repeat-x;
}

我非常感谢任何（初学者友好的）帮助，谢谢!!

1 个答案:

答案 0 :(得分：1)

  1. 删除main.css第35行中<div id="main">的宽度100％，以便垂直滚动删除

    2. 在您的演示中

    enter image description here

    使结果正确后

      

    enter image description here

相关问题
最新问题