Выровняйте плавающие элементы div, чтобы заполнить все пространство

Question

Итак, у меня есть div, шириной 720px, и я заполняю его div, шириной 140px, с плавающей точкой слева. Я хотел бы иметь возможность выровнять эти div'ы вплотную к левому и правому краям содержащего div.

Конечно, проблема в том, что, когда я помещаю поле справа в плавающих элементах div, правый край не выравнивается из-за этого поля. Левое поле дает те же результаты, но на левом краю.

Есть ли способ борьбы с этой проблемой?

Answer 1

Попробуйте это: Ссылка

Вы можете поместить элементы в строки и обнаружить первый, средний и последний элементы с помощью этих селекторов css2. Вы можете указать разные поля для разных позиций внутри.

element:first-child {

}

element:last-child {

}

element .className {
     margin-left: 6px;
}

Answer 2

Если вы используете серверный язык для генерации этих элементов, вы можете вычислить, какой элемент является последним в строке, выполнив что-то вроде этого:

<div class="column <%if iteration % 6 == 0 %>last-in-row<%end%>"></div>

, а затем просто установить стиль

.column {
   margin-right: 10px;
}
.last-in-row {
  margin-right: 0;
}