Баг при проектировании сайта на flexbox, как решить?

Question

[lavezzi1]

Добрый вечер!

Проблема следующая, если включить devtool в хроме или на codepen подтянуть плану вниз так чтобы контент сайдбара не влазил в viewport, то появляется баг, блоки с аболютным позиционированием уходят не понятно куда, а main не занимает пространство. Как решить?

codepen.io/anon/pen/ojrJpx


Спасибо заранее!

Answer 1

[BohdanK]

Абсолютно спозиционнированные элементы выпадают из общего потока, в вашем случае нужно изменить позиционирование в теге nav на relative:
nav {
position: relative;
.
.
.
}

Comments

[lavezzi1]

Спасибо огромное!