помогите с написанием CSS

html сайт css верстка вебдизайн

html:
<div id="wrap">
<div class="box">content0</div>
<div class="box">content1</div>
...
<div class="box">contentN</div>
</div>
CSS:
div.box {width:150px;
background-color: #faacfc;
float:left;
margin-right:5px;
margin-bottom:5px;}

div#wrap{width:800px;
height: 300px;
background-color: green;}
============================
нужно чтобы когда у div#wrap ширины не хватало на все div.box, они перебрасывались вниз.
загвоздка в том что все div.box разной высоты, и поэтому смещаясь вниз они выстраиваются под самым "высоким". то есть появляется неодинаковый отступ.
как сделать так чтобы они сползая вниз сами становились на 5 пикселей от того дива который оказался выше.
==============================
идея в том чтобы при уменьшении окна дивы падали вниз, и становились друг под другом.
делать их все одинаковой высоты не очень хочется. помогите.

Примечание:
2Безруков Павел
Дело в том что у div.box в javascript будет прописано:
$('div.box>span.more').toogle(
function (){
$(this).animate({height:"некоторое число вычисляется и подставляется в php"}, 1500)
и так далее

Примечание:
проблема в том что я не знаю как выбрать конкретно тот див который оказался во втором/третьем итд ряду.

Примечание:
2Без имени (новый пользователь) 26.11.2010 16:41:32
вот возьми и посмотри что получится.
Ответы:
ммм.. вроде в css нет подобного, но я могу ошибаться слабо знаю css3.
Как промежуточное решение могу предложить вам сделать внутри блока wrap несколько блоков шириной 150 и в них размещать box... но тут согласен, не лучшее решение...
--
Я, если честно, не понял проблемы с js, если проблема в селекторах то их ведь можно отредактировать...


14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.