Fatal编程技术网
  • css/
  • Css 粘性页脚问题-页脚下突然显示空白

Css 粘性页脚问题-页脚下突然显示空白

css

Css 粘性页脚问题-页脚下突然显示空白,css,footer,sticky-footer,Css,Footer,Sticky Footer,我为一个朋友创建了一个带有css粘性页脚的网站 应该是这样的： 它工作得很好，直到我在添加了长销售页面的最后一段，然后突然页脚布局混乱，页脚下突然出现了大量空白：( 我不明白为什么，作为一个业余爱好者，有人能帮我吗 为了节省时间，我提取了最有可能相关的html和css，这有助于： HTML: 我将非常感谢任何（初学者友好）的帮助，谢谢 删除main.css第35行中中的100%宽度，这样垂直滚动将被删除 在你的演示中 之后，使其正确的结果 <body> <div id="

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

应该是这样的：

它工作得很好，直到我在添加了长销售页面的最后一段，然后突然页脚布局混乱，页脚下突然出现了大量空白：(

我不明白为什么，作为一个业余爱好者，有人能帮我吗

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

HTML:

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

  • 删除main.css第35行中
    中的100%宽度，这样垂直滚动将被删除
    • 在你的演示中

    之后，使其正确的结果

    <body>

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

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

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

</body>

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