Днес се сблъска с неприятен проблем - когато участък единица блок оформление пое върху празно пространство във вертикално родител елемент (Разделение разширява). Естествено, хоризонтално никаква трудност не - просто изберете на дисплея на блока (дисплей: блок) и ще се радвам =).

Но това е по-различно. Имате родител Разделение има три Разделение (три колони - средната - съдържанието, отляво и отдясно - панел). Оказва се, че колоната със съдържанието може да бъде от неограничен размер, и че е необходимо да се регулира размерът на страничните divs под него (за какво? Например, за да промените цвета на житен). Мислех, височина: 100% щастие. Оказа се, малко по-сложно - с такъв процент посочване на височината на размера на примадона на е само видимата размера на прозореца с всичките му последствия.

Имахме нужда от имоти (което позволява да се реши проблема), не съществува единен подкрепа за различни браузъри. Ето защо е необходимо да се регистрирате отделно за всеки. Идеята е проста: необходимо е да се определят на дисплея на DIV-майка. които позволяват разтягане на вътрешните елементи (-moz кутия -webkit кутия -MS-flexbox - .., в зависимост от браузъра), и в рамките на блока, което е необходимо, за да се простират зададените стойности -moz-flexbox. -webkit-гъвкава кутия. MS-флекс. и т.н. (Също така в зависимост от браузъра).

Свободното пространство на родителя, разделен на сумата -moz-FLEX кутия стойности. -webkit-гъвкава кутия или мс-Flex всички преки потомци и разпределят между тях пропорционално на техните стойности.

Нашата задача е опростена от факта, че вертикалните divs един.

Ето какво се случи: