html - css はページを停止します

Question

これが私の問題として説明しようとしているものです。白いコンテンツ ボックスが停止しているのがわかります。

ここにはまだ画像を載せることができないので、画像へのリンク: http://imageshack.us/photo/my-images/534/43094999.png/

その背景用にロードされた画像は明らかに十分な長さではなく、それを繰り返す方法がわからないので、すべて流れます。

問題の解決に役立つ場合、これが私のcssのピークです。

http://pastebin.com/RwcAPjS5

Answer 1

ボックスのリストの後にフロートをクリアする必要があります。追加の要素を使用するか、CSS プロパティを次の兄弟要素に追加することで、これを行うことができますclear(これにより、一部のマージンが機能しなくなることに注意してください)。

.clearfix {
    clear:both
}

それからあなたのHTMLで（ul私はあなたのHTMLを見たことがないので、これは単なる推測です）：

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

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

floats hereに関する良い記事があり、これがなぜ起こるのかについて触れています。