2

我为一个带有 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;
}

我将非常感谢任何(初学者友好的)帮助,谢谢!

4

1 回答 1

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

在你的演示中

在此处输入图像描述

在做出正确的结果之后

在此处输入图像描述

于 2012-09-30T06:55:44.440 回答