图像浮动时浮动浮动

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>