我正在尝试通过在 width:100% 容器 div 中填充固定宽度的 div 来创建列布局，当容器中没有空间时让它们“包裹”，从而创建列。要更改列数，我只需更改包含的 div 的宽度。那些包含的 div 可能非常高..
这是我现在拥有的：
+------------------------------+
|+----+ +----+ +----+ +----+ |
|| | | | | | | | |
|| | | | | | | | |
|| | | | | | | | |
|+----+ +----+ +----+ | | |
| | | |
| | | |
| | | |
| +----+ |
|+----+ +----+ +----+ +----+ |
|| | | | | | | | |
|| | | | | | | | |
|| | | | | | | | |
|+----+ +----+ +----+ +----+ |
| |
看到这个大腰空间，其中大小的 div 在前一行的最高 div 的底部包裹和对齐？我猜这就是 HTML 的盒子模型的工作原理。
但在这种情况下，我想要得到的是：
+------------------------------+
|+----+ +----+ +----+ +----+ |
|| | | | | | | | |
|| | | | | | | | |
|| | | | | | | | |
|+----+ +----+ +----+ | | |
|+----+ +----+ +----+ | | |
|| | | | | | | | |
|| | | | | | | | |
|| | | | | | +----+ |
|+----+ +----+ +----+ +----+ |
| | | |
| | | |
| | | |
| +----+ |
| |
任何想法？