两个div并排，右div固定宽度

Question

我知道这已被问过一百万次，但我似乎无法找到答案（大多数问题似乎与我想要的不一样）。

我有两个div说#left和#right。 #right的固定尺寸为150px x 50px。我希望#left扩展并填充剩余的空间，＃right放在屏幕的最右边。我试过以不同的方式浮动它们并设置display：inline-block;但我似乎还是无法指出它。我读过的所有文章都是关于左边的div是固定的，而右边的div正在增长。我尝试颠倒我读的东西，但它总是导致#left div漂浮在#right周围。我的意思是，我的#left div将缩小到最小（内联块）或者它会显示前＃50ft到#right，然后#left的其余部分将收入#right而不是保持同花。

我希望这是有道理的。这很难解释。

Answer 1

像这样写：

.right{
 width:150px;
 height:150px;
 float:right;
 background:red;
}
.left{
 height:150px;
 background:green;
 overflow:hidden;
}

<强> HTML

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

选中此http://jsfiddle.net/TW4dn/

Answer 2

你可以试试这个

<div class="right" style="clear:right">