Div表格浮动在另一个Div

早上好，我一直试图让一些div以表格的方式浮在一个更大的div里面，我想让div从上到下浮动，然后从左到右（请参阅图片），这是可以实现的CSS只？ enter image description here Div表格浮动在另一个Div

我目前使用float：left作为内部div。

还有一件事，Divs浮动，因为页面可能增长取决于屏幕大小。

谢谢！

2013-07-18 Jportelas

家庭作业或面试考试？告诉我们你到目前为止尝试过什么。 – melancia

您可以作弊并使用支持CSS3列的浏览器... –

添加到@MelanciaUK评论中，有些代码会有所帮助。 :) – shammelburg

你可以使用CSS3 Columns来做到这一点。这是一个jsfiddle展示它。 CSS实际上很简单：

.col-4-div { 
columns: 10px 4; 
-webkit-column-count: 4; 
-webkit-column-gap: 10px; 
-moz-column-count: 4; 
-moz-column-gap: 10px; 
}

请注意这里有声明来满足IE10，Webkit和Firefox浏览器。不幸的是IE的早期版本不支持这一点。

2013-07-18 13:26:17 Holf

谢谢霍夫，我想这会诀窍。只是想进一步研究一下，是否有可能获得这样的结果，但具有动态数量的列？我的意思是divs会浮在表格模式之后，但没有指定列的数量？ – Jportelas

当然，如果你仅指定列的宽度，那么列的数量将取决于窗口的宽度。见[spec]（http://www.w3.org/TR/css3-multicol/#cw）。 –

回答