Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Как сделать чтобы блоки не рассыпались?

Как сделать чтобы блоки не рассыпались?


     14.09.2015    Стили (CSS)    687

вопрос
Если высота рядом находящихся блоков не статична, то с параметром float.left они будут масштабироватся не корректно.


Скиношот статично:
My Webpage

Скриншот динамично
My Webpage

Проблема решается при помощи inline-block, но это не актуально.
Как можно решить проблему с float, без дополнительного clearfix объекта в каждом третем блоке?

Ответа пока нет


Комментарии пользователей (3)

Proff
1

126 | 28

Proff - 14 сентября 2015 21:45 - Юзер

С первого взгляда, тут логично бы поиграться с :nth-child, обрывая обтекание на каждом n-ном элементе. Или минимальную ширину/высоту задать.

scaver
6

119 | 17

scaver - 15 сентября 2015 11:06 - Юзер

codepen.io/desandro/pen/osFxj

evenegrad
1

27 | 1

evenegrad - 15 сентября 2015 11:08 - Юзер

Масонри или любой другой js не подходит, эллементы не будут обоорачиваеться в обрамляющий див, с таким же успехом я бы флекс использовал

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы