展开-div-to-take-take-剩余宽度 - 更改顺序

Question

我正在尝试执行以下示例中显示的操作：http://jsfiddle.net/A8zLY/5/但是divs shuold 的顺序相反，我需要先使用左div（我需要角色width:auto;的div 排在第一位）：

<div class="left"></div>
<div class="right"></div>

Answer 1

在

标记中更改div顺序的情况下实现相同布局的一种方法是使用绝对定位：

.container {
    width:600px;
    height:200px;
    border:1px solid;
    position:relative;
}
.left {
    margin-left:200px;
    height:200px;
    background:red;
}
.right {
    height:200px;
    width:200px;
    background:blue;
    position:absolute;
    top:0; left:0;
}

<div class="container">
    <div class="left"></div>
    <div class="right"></div>    
</div>

Answer 2

将 .right class float：left 更改为 float：right

法典：.right{float：right;}