使用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/