Почему flex: 1 и height: 100% переполняют родителя?

Question

[drtvader]

Привет!
В сафари 9.1 есть баг, когда у блока заданы flex: 1 и height: 100%
Родительский блок:

.b-wrapper__slider {
   display: flex;
   flex-direction: column;
   height: 100%;
}

Дочерний:

.b-content {
    height: 100%;
    flex-grow: 1;
}

Как избежать переполнения блока?

Answer 1

[Edward]

codepen.io сюда пожалуйста

Comments

[drtvader]

На safari 9.1 ссылок в правой части не видно. Они уходят под браузер. как поправить можно?

[Edward]

drtvader: Не совсем понял "под браузер"

[drtvader]

Эдуард Богач: высота блока при height 100% берется за высоту экрана, и поэтому нижние элементы не видно, они находятся под экраном.

[Edward]

drtvader: Сделать фиксацию для родительского блока

[drtvader]

Эдуард Богач: какую?

[Edward]

по высоте и ширине