Html 使div填充所有剩余/可用宽度

CSS

HTML

鉴于上述示例，C如何将所有剩余可用空间移到左边？

#右浮动#{
背景色：#C0；
位置：绝对位置；
右：0；
z指数：1；
右：10px；
}
#右上角{
背景色：#ffc0ff；
位置：绝对位置；
右：0；
z指数：1；
}
#右上角{
背景色：#c0ffc0；
浮动：对；
宽度：100%；
位置：相对位置；
z指数：0；
}

C
A.
B

提供小提琴很好，但你也应该在这里发布完整的代码！哦，对不起！只有避免最后一个浮点数才有效，再次抱歉，创建一个具有剩余空间宽度的div是不可能的。花车不是那样工作的。不过，有其他的解决方案可以获得最大的效果。非浮动元素中的内容将围绕浮动流动。这可能会给你所需要的效果。很难说没有看到你的设计。（编辑坏链接）你可以选择这样的桌面展示-我一点都不喜欢，因为它可以追溯到石器时代，我并不总是理解它是如何工作的，但我发现，如果A和B的宽度是固定的，有时这是最好的选择？同样的效果可以通过省略c的浮动来实现。

#floatright_a {
    background-color: #c0c0c0;
    float: right;
}
#floatright_b {
    background-color: #ffc0ff;
    float: right;
}
#floatright_c {
    background-color: #c0ffc0;
    /*float: right;*/
}

<div id="floatright_a">A</div>
<div id="floatright_b">B</div>
<div id="floatright_c">C</div>

https://jsfiddle.net/0ty3o56u/