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

Question

我正在尝试执行以下示例中显示的操作:http://jsfiddle.net/A8zLY/5/但是div的顺序应该相反，我首先需要左边的div(我需要 Angular 色为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>