当宽度减小时，响应式CSS浮动元素如何垂直定位

Question

我已经搞砸了一些响应式设计，我很好奇CSS属性决定了float元素在整体分辨率降低并且它们被拼凑在一起时垂直放置的方式。

例如，如果我的div块float:left和div块float:right，那么当最大宽度为容器减少到不能再适合内联的程度。

如果你看着我的小提琴，当你将宽度缩小到它们都不适合的程度时，左侧元素会在顶部结束。是否有财产可以做到这一点？它按顺序执行吗？有没有什么我可以添加到正确的div块，当宽度减小时，它将使它在左侧元素上方？

http://jsfiddle.net/JXXLK/

非常感谢SO

Answer 1

重新调整窗口时将右侧div置于顶部的最简单的解决方案是首先在html代码中定义它：

<div class="container">    
    <div class="rightside">
       RIDE SIDE HOMBRE!                
    </div>
    <div class="leftside">
       LEFT SIDE DUDE!
    </div>
</div>​ 

我不确定如何使用纯css属性来控制它。