Как с помощью flexbox прикрепить оба дива к нижней части экрана?

Question

[beduin01]

Вот код https://jsfiddle.net/L4u9rbzo/2/

При ресайзе одного из дивов второй не прижимается к появившемуся новому низу. Как сделать так, чтобы если я один вниз тащу, то второй бы тоже ко дну опускался?
img.ctrlv.in/img/16/07/18/578d381233378.png

Comments

[Владислав]

Тут либо js юзать, либо какими то жуткими css костылями. Вы когда тяните div, то у него фиксированный размер ставится. Поэтому я думаю что у вас не получится реализовать то, что вы хотите.

Answer 1

[gleendo]

align-items: flex-end;

При ресайзе будут оба прижиматься к низу. Но думаю вам не совсем это нужно.

Comments

[beduin01]

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

[gleendo]

beduin01: https://jsfiddle.net/L4u9rbzo/3/

[gleendo]

evg_: Тоже не совсем то. Один раз работает, а дальше уже порнография начинается. В общем чрз JS сделайте и все.

[beduin01]

evg_: немного не то. Нужно чтобы при изменении одного блока у второго таких линий не появлялось - img.ctrlv.in/img/16/07/18/578d3ba6a989c.png

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

[beduin01]

evg_: мне просто понять можно ли такое через flexbox или нет

[gleendo]

beduin01: Вам нужен один блок, поделенный на 2 части? и чтобы была одна часть за которую можно ухватиться и сделать ресайз*?

[beduin01]

evg_: Чтобы я мог за границу между блоков ухватить и сделать ресайз. Под границей устроит нижняя часть как сейчас.

Answer 2

[Милок Мурлыка]

align-items: flex-end;пример
либо:
align-items: stretchпример

Comments

[beduin01]

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

[beduin01]

Опять вот эту штуку подвисает. Мне нужно чтобы таких висячих линий не было. img.ctrlv.in/img/16/07/18/578d3ba6a989c.png