Элементы с поплавком: слева под приведенным выше в новом ряду

0

Я пытаюсь заполнить свой экран ящиками, поэтому я оставил их слева.

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

У кого-нибудь есть идея, как я могу исправить эту проблему

Трудно объяснить, поэтому я сделал скриншот.

http://s7.directupload.net/images/140506/rdzp72sh.jpg

Greez!

  • 0
    у тебя есть скрипка?
  • 3
    Я думаю, что вы ищете что-то вроде этого: masonry.desandro.com
Показать ещё 1 комментарий
Теги:
position
css-float
positioning

2 ответа

1
Лучший ответ

Вы можете попробовать jquery-решение. Только от Css вы не можете это решить. Неплатежная версия для "расположить" divs в оптимальном вертикальном положении с разной высотой в макете - http://masonry.desandro.com/.

2

Взгляните на это, это может вам помочь.

http://demosthenes.info/blog/825/Pinterest-Style-Column-Layout-In-Pure-CSS

Ещё вопросы

Сообщество Overcoder
Наверх
Меню