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

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


     14.09.2015    Все вопросы » Стили (CSS)    1793

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


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

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

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

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


3 комментария

Proff
Юзер

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

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

scaver
Юзер

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

codepen.io/desandro/pen/osFxj

evenegrad
Юзер

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

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

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

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

наверх