Из за того что один блок высокий,то другие толкаются вниз?

Question

[viktorulyushev]

joxi.ru/KAgeEooTgBRyym

Проблема такая,из за того что один из блоков высокий,то остальные выравниваются в зависимости от высоты самого большого блока,можно ли как то сделать чтобы блоки занимали все пространство?

Answer 1

[Stalker_RED]

Да. В простейшем случае

display: table-cell;
min-height: 100%;

https://jsfiddle.net/2q1xcdyL/

Способов много, и какой именно выбрать зависит от требований к тому, как оно должно себя вести на разных размерах экрана.

И да, вам должно быть стыдно за то, что вы занимаетесь версткой, но не можете вставить скриншот.

Comments

[viktorulyushev]

нет,у меня сейчас так и есть,берется самый высокий блок и под него все выравнивается,а мне нужно чтобы все место было занято,не было больших отступов

[Stalker_RED]

viktorulyushev, так? https://jsfiddle.net/psfmd5dg/

[viktorulyushev]

Stalker_RED, нет,вы не поняли в меню инструменты,есть электроинструменты,они толкают то что ниже,получается не красиво,как распределить нормально чтоб было?

[Stalker_RED]

viktorulyushev, ужасное меню, на самом деле https://i.imgur.com/iMBp1qg.png
Уменьшать списки или сказать дизайнеру, чтоб переделывал с учетом больших списков.

Answer 2

[evgennikolaevich]

Попробуйте flexbox, все таки 2018 год уже!

display: flex;
align-items: flex-start;

Comments

[viktorulyushev]

не получается

[evgennikolaevich]

Как вариант сделайте ограничения по высоте, а при навидения высоту задайте 100%.