(CSS)我如何使div在宽度上占用所有可用空间而没有特定值但是在同一个地方有另一个div具有特定值

Question

我有这个问题我无法找到解决方案:

我有3 div秒,其中两个位于第三个.

该div含有其他有一个百分比宽度.

第二个位于第一个内部,没有特定的宽度并且向左浮动.

第三个也在第一个内部确实具有特定的宽度并且向右浮动.

---

问题是如何让第二个div尽可能多的宽度？

因为它适合默认的内容.

<div id="a">
    <div id="b">
    </div>
    <div id="c">
    </div>
</div>
<style>
#a{
    width: 80%;
}
#b{
    width: ??;
    float:left;
}
#c{
    width: 50px;
    float:right;
}
</style>

Answer 1

像这样安排你的div

<div id="a">
    <div id="c">456</div>
    <div id="b">123</div>   
</div>

并从中移除浮动 #b

#b{
    background-color:#06F;
}

检查jsFiddle文件