css - 将 float div扩展到父容器的100％宽度

我有一个包含注释的div容器。它被设置为向左浮动，化身容器就在它旁边（它也会向左浮动）。
这是一张截图。
白色注释容器的css：

.comment_content{
    float: left;
/*
    width: 86%;
*/
    margin-left:5px;
    padding-left: 15px;
    background: url(http://video.chubbyparade.com/img/arrow_left.png) no-repeat 0 8px;
}

我想将此容器设置为填充父容器中100%的剩余空间。
如果将其设置为宽度：100%，则会得到换行符（因为它现在填充父容器宽度的100%）。
如何设置注释容器以填充剩余空间？我曾经把它设置为宽度：86%。但如果我调整窗口的大小（布局不是固定宽度），这看起来不太好。
一张桌子是最容易的出路。但是css没有解决方案吗？

最佳答案

为什么不浮动评论框，只给一个足够高的空白，以清除头像图像。例如，如果化身的宽度为150px，则给出注释框margin-left: 155px;，因为注释框是div（block元素），它自然会填充父div的剩余空间。
jsfiddle示例如下：
http://jsfiddle.net/UHksQ/
造型：

.avatar {
    float: left;
    width: 150px;
}
.comment {
    margin-left:155px;
}

关于css - 将 float div扩展到父容器的100％宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10856356/