我可以将div分散到页面上而不是跨页面吗？
如果我有一组div元素，我可以使用CSS让它们流过页面并溢出到下一行。
这里有一个简单的例子：
<html>
<head>
<title>Flowing Divs</title>
<style type="text/css">
.flow {
float: left;
margin: 4em 8em;
}
</style>
</head>
<body>
<div class="container">
<div class="flow">Div 1</div>
<div class="flow">Div 2</div>
<div class="flow">Div 3</div>
<div class="flow">Div 4</div>
<div class="flow">Div 5</div>
<div class="flow">Div 6</div>
<div class="flow">Div 7</div>
<div class="flow">Div 8</div>
</div>
</body>
</html>
是否有可能让div流向页面而不是跨越页面，以便它们沿着不是沿着线条的列向下流动，而是仍然占用与流过它们时相同的空间？
因此，对于上面的例子，如果它们流入两行四格，我可以得到第一列包含Div1和Div2而不是Div1和Div5？
迅速把它们扔在一起。
#column1 {float:left}
#column2 {float:left}
div div{height:100px;width:100px;border:1px solid}
<div id="column1">
<div>1</div>
<div>2</div>
</div>
<div id="column2">
<div>3</div>
<div>4</div>
</div>
不，这是不可能的。 最简单的解决方法是通过添加包装DIV来创建单独的列，然后将内容添加到每个列。 这也可以使用Javascript或服务器端动态生成。
不，你不能，但你可以通过使用绝对定位来安排它们。 但是，这样做意味着您必须明确设置每个元素的位置，而这通常是不希望的。
标记的简单调整可以使这个工作。 以下是你想看到的吗？
<html>
<head>
<title>Flowing Divs</title>
<style type="text/css">
.container {
float:left;
}
.flow {
margin: 4em 8em;
}
</style>
</head>
<body>
<div class="container">
<div class="flow">Div 1</div>
<div class="flow">Div 2</div>
<div class="flow">Div 3</div>
</div>
<div class="container">
<div class="flow">Div 4</div>
<div class="flow">Div 5</div>
<div class="flow">Div 6</div>
</div>
<div class="container">
<div class="flow">Div 7</div>
<div class="flow">Div 8</div>
</div>
</body>
</html>