1

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

例如，如果我有一个带有 的div块float:left和一个div带有 的块float:right，那么当容器的最大宽度减小到它们不再适合内联的点时，其中哪一个最终位于顶部。

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

http://jsfiddle.net/JXXLK/

非常感谢所以

4

1 回答 1

1

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

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

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

于 2012-09-27T18:41:09.020 回答