html - 使用 float 元素填充区域

Question

我正在使用带有 float:left 的 DIV

当 DIV 2 增加大小时

我们得到这样的结果:

+---+ +----+
| 1 | |    |
+---+ |    |
      |  2 |
      |    |
      |    |
      +----+
+---+
| 3 |
+---+

有没有办法实现这个:

+---+ +----+
| 1 | |    |
+---+ |    |
+---+ |  2 |
| 3 | |    |
+---+ |    |
      +----+

不用求助于 jquery？

Answer 1

为此，您可以使用纯 CSS3 :nth-child 属性来做到这一点。像这样写:

.innerdiv:nth-child(even){
    float:right;
    border-color:red;
}

检查这个http://jsfiddle.net/RsYgR/1/