使用CSS切换div上的位置？

Question

我正在建立一个带有CSS Media Queries移动版的网站，我需要在3个div上切换位置。

现在是这样的： http : //jsfiddle.net/snowman/3kZW2/

这就是我需要的： http : //jsfiddle.net/snowman/7S7e9/

仅更改版本1的CSS是否可行？

Answer 1

实现此目的的一种方法是在DIVS上设置宽度，然后使用向右浮动：

http://jsfiddle.net/wabJn/

Answer 2

这里看看http://jsfiddle.net/3kZW2/5/

我使用绝对定位。 如果div大小更改，则可能需要根据需要设置宽度和位置。 一个更优雅的解决方案是将div2移到div1的标记上方，此处为http://jsfiddle.net/3kZW2/4/