CSS Clearing float

Question

我正在工作兩層浮動，並嘗試清除它們似乎沒有正常工作。

這裏是頁：http://cloud-catering.com/new/about.php

小提琴：http://jsfiddle.net/MLS1984/twrXh/

小提琴不顯示的問題，雖然正確，所以網站是這一問題的更好的參考。我不知道爲什麼，當我使用的：

<div class="clear"></div> 

清除以前的彩車，列表下的照片感動了所有到右側。

Answer 1

嘗試擴展您的左側菜單中一路下跌的頁面。或者在圖像的左側放一個邊距。看到我的評論上面的解釋。

Answer 2

嘗試使用：僞類後清除浮動，很容易

.myDiv:after { content:''; display:block; clear:both; } 

Answer 3

我建議你使用clearfix技巧。

不使用clear：both | left | right會強制容器清除它的子元素，這使得它適用於可能存在右和左浮動內容以及具有浮動元素的中間容器的情況。 ..

http://nicolasgallagher.com/micro-clearfix-hack/

這比使用額外的標籤來清除容器/浮動元素，如果你只是想遏制他們在父頁面好多了....