Расширить плавающий div до 100% ширины родительского контейнера

Question

У меня есть контейнер div, содержащий комментарий. Он настроен на поплавок влево, а контейнер аватара рядом с ним (который также плавает влево). Вот скриншот.

устанавливаемых сотовые белого комментарий контейнер:

.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?

Answer 1

Почему бы не вместо того, чтобы плавать поле комментариев, просто дайте крайнее левое поле достаточно высоко, чтобы очистить изображение аватара. например если аватары имеют ширину 150 пикселей, дайте поле комментариев margin-left: 155px;, так как поле комментариев является div (элемент блока), оно естественно заполнит оставшуюся часть оставшегося пространства родительского div.

jsfiddle пример здесь: http://jsfiddle.net/UHksQ/

Styling: раствор

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

Answer 2

Дэйва Хей является разумным подходом. Если вы действительно, действительно настаивайте на использовании поплавков, вы можете поместить левую часть вашего контейнера в ширину ваших портретов, а затем дать портретам левую границу от 100%. Это немного глупо, но это сработает.

jsFiddle демо: http://jsfiddle.net/Malkyne/FZcPq/