圖像浮動時浮動浮動

Question

我有很多圖像在我的網站的這一部分，並需要堆疊成兩列。

我有寬度都正確和邊距，它看起來真好！但是，只要我將float: left添加到圖像中，就會出錯。

我在內容的每個部分的底部都有一個邊框，當我將它們浮起時，圖像會落在邊框下方。我試圖改變顯示模式和其他一些東西，但我不知道什麼是錯的。

Here is a JSFiddle for my code.

Answer 1

你需要在一個封裝了圖像的部分中clearfix。試試Nicolas Gallagher的micro clearfix。

Answer 2

將圖像的父母（我建議一個div）定位爲相對，並添加overflow：auto。

CSS文件：

.content{ 
    position:relative; 
    overflow:auto; 
} 
.data_files{ 
    float:left; 
} 

HTML：

<div class="content"> 
    <div class="data_files> 
     /*here your photos*/ 
    </div> 
</div>