expand-div-to-remaining-remaining-width - 更改顺序

Question

我正在尝试执行以下示例中显示的内容：http://jsfiddle.net/A8zLY/5/ 但是div的顺序是相反的，我首先需要左边的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类float：left to float：right

代码： .right {浮动：右;}