如何(y)将div放在上一行底部之上?

时间:2012-09-11 17:39:26

标签: html css layout

我正在尝试通过填充宽度内的固定宽度div来创建列布局:100%容器div,当容器中没有剩余空间时让它们“换行”,从而创建列。要更改列数,我只需更改包含的div的宽度。包含div的那些可能很高..

以下是我现在所拥有的:

+------------------------------+
|+----+ +----+ +----+ +----+   |
||    | |    | |    | |    |   |
||    | |    | |    | |    |   |
||    | |    | |    | |    |   |
|+----+ +----+ +----+ |    |   |
|                     |    |   |
|                     |    |   |
|                     |    |   |
|                     +----+   |
|+----+ +----+ +----+ +----+   |
||    | |    | |    | |    |   |
||    | |    | |    | |    |   |
||    | |    | |    | |    |   |
|+----+ +----+ +----+ +----+   |
|                              |

看到这个大腰部空间,其中大小的div包裹并对齐在前一行最高div的底部?我猜这就是HTML的盒子模型的工作方式。

但在这种情况下,我想获得的是:

+------------------------------+
|+----+ +----+ +----+ +----+   |
||    | |    | |    | |    |   |
||    | |    | |    | |    |   |
||    | |    | |    | |    |   |
|+----+ +----+ +----+ |    |   |
|+----+ +----+ +----+ |    |   |
||    | |    | |    | |    |   |
||    | |    | |    | |    |   |
||    | |    | |    | +----+   |
|+----+ +----+ +----+ +----+   |
|                     |    |   |
|                     |    |   |
|                     |    |   |
|                     +----+   |
|                              |

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

看看这样的东西,它与Pinterest几乎相同......

http://www.wookmark.com/jquery-plugin