html/css:3柱液体/液体浮动；在中央立柱旁边浮动立柱，将侧面放置到下一个；“行”；漂浮？

这是我关于stackoverflow的第一个问题，当我最终“创建”一个帐户时，我看到了一个相当大的列表，上面有我自己的“类似”问题标题。。。但我几乎一直在滥用谷歌来寻找答案，而且毫无用处；好了，开始吧

---

我对html和css相当陌生，但在过去的中，我一直在积极和痴迷地以极快的速度获取尽可能多的html和css知识，我认为这就是您正在寻找的东西：

---

它使用jQuery在调整窗口大小时修改页面的布局。另一种方法是使用css3媒体查询，但我不确定如何更改元素的顺序（从213到123）。

老问题，但我认为这是非常简单的css：

#col1{float:right}
#col2{float:left}
#col3{float:right}

---

退房，谢谢你的回复。看起来css媒体查询可能是一条出路，因为我（我真的不喜欢“吹毛求疵”）顽固地试图不使用“脚本”来让专栏按照我的设想进行合作。我真的没有做评论，但我被“5分钟规则”击中了，所以。。。无聊的。lol。有一种方法可以让第一个DOM列排在第二位，基本上是将它和第二个列嵌套在同一个div中，浮动，并巧妙地调整宽度。。。但问题是，当屏幕开始缩小，东西开始浮动时，会在奇怪的地方产生大量的“空白”，浮动不会浮动到我想要的地方，如果它们从我想要的地方开始，如果我使用另一种方法将它们浮动到我想要的地方，他们不会从我想要的地方开始。如果你知道每个分区的确切高度，你可以做类似的事情。如果div的高度不同，那么应该使用jQuery切换元素的顺序。

|111111| <--
|222333|
|______|

|111| <--
|111|
|222|
|333|

|11| <--
|11|
|11|
|22|
|2_|
|33|
|3_|

|1|
|2|
|3|

|_1_|
|2__|
|__3|

|_1_|
|2_3|
|___|

#col1{float:right}
#col2{float:left}
#col3{float:right}