Css 将浮动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%

如果我将其设置为width:100%，我会得到一个换行符（因为它现在填充父容器宽度的100%）

如何设置注释容器以填充剩余空间？我以前是通过设置宽度来实现的：86%。但是如果我调整窗口的大小（布局不是固定宽度），那就不好看了

---

一张桌子是最简单的出路。但是css没有解决方案吗？

为什么不浮动注释框，只需留出足够高的空白以清除化身图像。e、 g.如果化身的宽度为150px，则在注释框

左边留出空白：155px由于注释框是一个div（block元素），它自然会填充父div的剩余空间

jsfiddle示例：

样式：

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

Dave Haigh的解决方案是一种合理的方法。如果你真的，真的坚持使用浮动，你可以将容器的左侧填充到肖像的宽度，然后给肖像留100%的余量。这有点傻，但会奏效的

JSFIDLE demo:
我很惊讶人们如何竭尽全力避免使用表格来显示表格数据。通过使用CSS display属性，您可以在不使用表格的情况下实现类似表格的行为。也就是说，display:table-table-row和table-cellI也建议在这里使用一个表。想象一下你的评论有很多行：如果
评论内容
向左浮动并且高于图像，你会在图像的“下方”遇到另一个问题。