Question

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

如果我有两列div布局，我希望左边的div具有250px的固定宽度和左边距：5％; （就像我想要的那样设计我的设计）...

第二个div（右边的那个）我想基本上到右边的屏幕尽头。所以左边的div是250px，边距是5％，我希望第二个div（右边的那个）填满浏览器的其余部分。

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

无论如何，只有css，有一个固定宽度的div（以及一个百分比的margin-left），而下一个div直接在第一个的右边（就像一个浮动通常会工作），百分比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>