CSS float pushdown

Question

Я просмотрел другие посты, касающиеся CSS float, но пока не нашел ответа.

У меня есть несколько div с одинаковой шириной (1/3 экрана).Они все готовы плыть влево.Когда один из них длиннее других, он выталкивает следующие блоки вниз.

Я сделал пример, который вы можете увидеть на http://apsam.dk/misc/float-pushdown-problem/index.php (желтый div отталкивается синим div).

Если я пропустил ответ в сообщении, укажите мне на него.Я смотрел через много.

РЕДАКТИРОВАТЬ, чтобы уточнить.Вопрос в том, как избежать того, что желтый div будет сброшен.

Answer 1

Чтобы начать новую строку, введите div с атрибутом clear: both;.

Смотрите мой ответ в другом посте здесь, где показан пример: Ссылка

Answer 2

Поплавки не "пазл" вместе, как это. У каждого из ваших поплавков есть высота, эта высота видна и соблюдается. Вы не можете заставить .yellow игнорировать высоту .blue, особенно в том же контейнере. Вы можете использовать позиционирование для перемещения .yellow вверх.

Демо здесь

Или, вы можете использовать другой div и рассматривать его как свой левый столбец, чтобы он содержал зеленый и желтый div.

Демо здесь