我正在尝试通过填充宽度内的固定宽度div来创建列布局:100%容器div,当容器中没有剩余空间时让它们“换行”,从而创建列。要更改列数,我只需更改包含的div的宽度。包含div的那些可能很高..
以下是我现在所拥有的:
+------------------------------+
|+----+ +----+ +----+ +----+ |
|| | | | | | | | |
|| | | | | | | | |
|| | | | | | | | |
|+----+ +----+ +----+ | | |
| | | |
| | | |
| | | |
| +----+ |
|+----+ +----+ +----+ +----+ |
|| | | | | | | | |
|| | | | | | | | |
|| | | | | | | | |
|+----+ +----+ +----+ +----+ |
| |
看到这个大腰部空间,其中大小的div包裹并对齐在前一行最高div的底部?我猜这就是HTML的盒子模型的工作方式。
但在这种情况下,我想获得的是:
+------------------------------+
|+----+ +----+ +----+ +----+ |
|| | | | | | | | |
|| | | | | | | | |
|| | | | | | | | |
|+----+ +----+ +----+ | | |
|+----+ +----+ +----+ | | |
|| | | | | | | | |
|| | | | | | | | |
|| | | | | | +----+ |
|+----+ +----+ +----+ +----+ |
| | | |
| | | |
| | | |
| +----+ |
| |
有什么想法吗?