html - 具有百分比宽度的浮动 div

Question

所以我知道有很多类似的问题，但我无法找到这个特定问题的答案。

如果我有一个两列 div 布局，我希望左边的 div 具有 250px 的固定宽度和一个 margin-left: 5%; （正是我希望它为我的设计设置的方式）......

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

在第二个 div 上，我尝试了一个 100% 宽度的左侧浮动，但这使得第二个 div 转到第一个 div 的底部，并填满屏幕。如果我给第二个 div 一个固定宽度，浮动可以工作，但它不会填满浏览器窗口......如果你移动浏览器窗口小于第二个 div，它会再次被推到第一个的底部分...

无论如何，只有css，有一个具有固定宽度的div（并且margin-left有一个百分比），而下一个div直接位于第一个div的右侧（就像一个浮动通常可以工作），百分比为100％（或类似的东西），以便它填满屏幕的其余部分？？？

o ya 我还需要两个 div 的高度都为 100%，如果这有区别的话……谢谢！

score 2 · Accepted Answer

像这样写：

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>

1 回答 1