浮动div与precentage宽度

Question

所以我知道有很多类似的问题，但我还没有能够找到这个具体问题的答案。

如果我有一个双列div布局，我希望左边的div具有250px的固定宽度和5％的余量。 （只是我想要它为我的设计setupf的方式）...

第二个div（右边的一个）我想要基本上去屏幕的最后的权利。因此，左边的div是250px，剩余边距是5％，我希望第二个div（右边的边）填充浏览器的其余部分。

在第二个div上，我尝试了一个100％宽度的浮动，但这使得第二个div跳到第一个的底部，并填满了屏幕。如果我给第二个div一个固定的智商，粗略的浮动工作，但它不会填满浏览器窗口......并且如果移动浏览器窗口小于第二个div，它会再次被推下到第一个底部div ...

有无论如何，只是CSS，有一个具有固定宽度的div（和margin-left有一个百分比），而下一个div直接在第一个右边（就像float一样工作）与100％（或类似的东西）的百分比，以便它填充屏幕的其余部分？

o ya我也需要两个div高度100％，如果这有所作为...谢谢！

Answer 1

这样写：

CSS

.left{ 
    float:left; 
    background:red; 
    width:250px; 
    margin-left:5%; 
} 
.right{ 
    overflow:hidden; 
    background:green; 
} 

HTML

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

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

入住这http://jsfiddle.net/ds8Ws/