html - 小宽度时左浮动div在右浮动div之后

Question

示例:http://jsfiddle.net/tkKth/

当我调整窗口大小时(设置 .container {width:200px;} )，左侧 div 出现在右侧 div 之后。当 div 左/右改变它们在 html 文档中的位置时，有没有办法用 css 做到这一点？-> <div class="left">Left div</div> <div class="right">Right div</div>

谢谢

Answer 1

6关于你的例子http://jsfiddle.net/tkKth/右边的 div 在左边之前

<div class="container">
<div class="right">Right div</div>
<div class="left">Left div
</div>​

你的问题正好相反

<div class="container">
<div class="left">Left div</div>
<div class="right">Right div</div>
</div>​

如果 .container 宽度 <= .left width & .right width, first in first served

如果左边的高度是固定的(例如 36px)，你可以使用带有 min-device-width 的媒体查询:如果屏幕低于 600px，并为 .right 添加这个

top:36px; /* equivalent to .left height*/
position:absolute;