Как сделать разметку с flexbox?

Question

[lavezzi1]

Здравствуйте! Изучаю flexbox, но пока не удается сделать вертку такого вида - вверху полоска навигации, слева сайдбар с фиксированной ширина и резиновый контет. Направьте в нужное русло, пожалуйста!

codepen.io/anon/pen/avagmL

Answer 1

[Сергей delphinpro]

codepen.io/anon/pen/rOZEbJ

Comments

[lavezzi1]

Спасибо! А как растянуть по вертикали сайдбар и main?

[hime2]

lavezzi1: css.yoksel.ru/flexbox

[Сергей delphinpro]

lavezzi1: codepen.io/anon/pen/rOZEbJ

[lavezzi1]

Сергей: Спасибо! А почему значение 9999?

[Сергей delphinpro]

lavezzi1: минихак ) означает , что этот блок можно растянуть в 9999 раз больше второго, у которого по умолчанию стоит значение 1

Answer 2

[Михаил Чирский]

Мне кажется вам лучше посмотреть живые примеры, тем более от самого Вадима Макеева, запись 2013 года, на тот момент нужны были префиксы, сейчас же все гораздо проще, ну основные принципы он очень хорошо показывает, очень советую.
https://vimeo.com/67011034