博客帖子的Html/Css垂直分类

Question

我希望我的博客的帖子(33%的宽度)从上到下浮动，当他们丰富的内容(静态高度)结束时，再次从上到下继续旁边的其余部分。我已经制作了这个带有列的静态网页(链接在jsfiddle项目中)。

这里有一个简单的静态示例，就是我正在讨论的内容:http://jsfiddle.net/KBX5B/1/

<div id="content"><div>

但我希望它是自动的(不是传递每个帖子的left和top值)，使用纯html/css。我不想把Javascript搞得一团糟，但是如果你认为这是我唯一想知道的方式。

我为我糟糕的英语感到抱歉，我真的很感谢你的时间。

Answer 1

您可以使用column-count或column-width属性来实现所需的功能。只能在现代浏览器上工作。包括IE10。

http://jsfiddle.net/KBX5B/2/

Answer 2

其实我是在看了很多帖子之后才找到解决办法的。如下所示:)

Vertical-floating elements in CSS?