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

Question

我搞砸了一些响应式设计，我很好奇当整体分辨率降低并将它们挤压在一起时，哪些 CSS 属性决定了 float 元素如何垂直定位。

例如，如果我有一个带有float:left 的div 块和一个带有float:right 的div 块，当容器的最大宽度减小到它们不能再适合内联了。

如果您看一下我的小提琴，当您将宽度减小到它们都无法容纳的程度时，左侧元素最终会位于顶部。有没有属性可以做到这一点？它按顺序做吗？当宽度减小时，我可以在右侧 div 块中添加什么使其高于左侧元素吗？

http://jsfiddle.net/JXXLK/

非常感谢所以

Answer 1

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

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

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