响应浮动div - 糟糕的定位

Question

我对这个问题感到疯狂，我看不出这种行为的解决方案和原因。

我有三个div，里面有一些图像和音频。这些div的CSS：

margin: 1%; 
float: left; 
width: 31%; 
min-width: 300px;

这个CSS产生1行和3列，当这些div的宽度为300px时，必须减少2行和2列。这是我的麻烦，下去的那个去了第二列：看这个图像：

怎么可能呢???我在css中寻找某种错误，但我一无所获。

该div的容器CSS是：

width: 84%;
text-align: center;
margin-left: 9%;
overflow: hidden;

有些线索？其他查看方法可能是如何将“float：left”div对齐到右边？

任何帮助都是apreciatte ......

Answer 1

我必须自己回答：很容易把高度放到div里面...

谢谢!!!