Как я могу иметь позицию: фиксированную; поведение элемента размером с flexbox? ⇐ CSS

[Anonymous]

У меня есть элемент div с именем .side-el, который я хотел бы иметь в позиции: исправлено; поведение, но как только я применяю фиксированное положение, ширина меняется с правой. Правильная ширина будет задана flexbox. Как мне достичь этой цели?

Код: Выделить всё

.container {
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;

* {
box-sizing: border-box;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
}

.main-el {
box-sizing: border-box;
padding:0 2em;
width: 70%;
}

.side-el {
box-sizing: border-box;
width: 30%;
}

Код: Выделить всё

content


content

Подробнее здесь: https://stackoverflow.com/questions/290 ... ed-element