强制div进入左列

Question

我有一个带有以下

的容器div

的CSS：

  #container {
  column-count:2;
  }

在容器div中，还有其他几个div，如

所示

HTML

 <div id="container">
 <div id="box1"></div>
 <div id="box2"></div>
 <div id="box3"></div>
 </div>

有没有办法强制“box2”，例如，进入左栏。

谢谢，

杰克

Answer 1

试试这个css脚本：

#box2{
float:left;
display:block;}

这应该有用。

Answer 2

尝试使用此css代码（codepen中的示例：http://codepen.io/dws/pen/EyALrp）：

#container {
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}
#box1 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
#box2 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
}

#box3 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
}