让包装div一直清晰到左边？

Question

我正在制作一个包含动态内容的自适应网站。我有一排div将以较小的屏幕宽度包裹。由于一些div具有更多的内容并且比其他div更高，所以当div包装它时，doenst总是一直到屏幕的左边。

http://codepen.io/anon/pen/Ljmkb

我需要一个适用于不同屏幕宽度的解决方案，当内容使得div具有不同的高度时，在其他工作中我不能在第4个div上设置清楚的左侧。

Answer 1

如果有空格，请将div元素的float:left更改为display:inline-block;，如果有空格，则将它们放在同一行，或者开始换行并将溢出的元素放在其开头如果没有。

然后将元素放在vertical-align:top环境中，它们将保持顶部对齐。

Demo Fiddle