html - css 停止页面

Question

这就是我要描述的我的问题，您可以看到白色的内容框只是停止了:

图片链接，因为我还不能把图片放在这里: http://imageshack.us/photo/my-images/534/43094999.png/

为该背景加载的图像显然不够长，我不确定如何重复它以使其全部流畅。

如果这有助于解决问题，这是我的 css 的峰值:

http://pastebin.com/RwcAPjS5

Answer 1

您需要清除方框列表后的 float 。您可以使用一个额外的元素来完成此操作，或者通过将 clear CSS 属性添加到下一个同级元素(请注意，这会停止一些边距的工作)。

.clearfix {
    clear:both
}

然后在您的 HTML 中(ul 只是一个猜测，因为我还没有看到您的 HTML):

<ul class="float-boxes">
    <li>...</li>
</ul>

<div class="clearfix"></div>

有一篇关于 float 的好文章here ，这涉及到为什么会发生这种情况。