javascript - 用 CSS 在 div 上切换位置？

Question

我正在用 CSS 媒体查询为移动设备构建一个网站，我需要在 3 个 div 上切换位置。

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

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

仅更改版本 1 的 css 是否有可能？

Answer 1

实现此目的的一种方法是在 DIVS 上设置宽度，然后使用 float right：

http://jsfiddle.net/wabJn/

Answer 2

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

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