这就是我试图描述为我的问题,你可以看到白色的内容框只是有点停止:
链接到图像,因为我还不能在这里放图像:http: //imageshack.us/photo/my-images/534/43094999.png/
为该背景加载的图像显然不够长,我不知道如何重复它,所以它全部流动。
如果这有助于解决问题,这是我的 CSS 的一个高峰:
这就是我试图描述为我的问题,你可以看到白色的内容框只是有点停止:
链接到图像,因为我还不能在这里放图像:http: //imageshack.us/photo/my-images/534/43094999.png/
为该背景加载的图像显然不够长,我不知道如何重复它,所以它全部流动。
如果这有助于解决问题,这是我的 CSS 的一个高峰:
您需要在框列表之后清除浮动。你可以用一个额外的元素来做到这一点,或者通过将clear
CSS 属性添加到下一个兄弟元素(注意这会阻止一些边距工作)。
.clearfix {
clear:both
}
然后在您的 HTML 中(这ul
只是一个猜测,因为我还没有看到您的 HTML):
<ul class="float-boxes">
<li>...</li>
</ul>
<div class="clearfix"></div>
这里有一篇关于浮点数的好文章,其中涉及到为什么会发生这种情况。