Как сделать резиновую навигацию с ограничением в определенную сторону?

Не уверен, что корректно сформулировал вопрос, поэтому опишу подробнее. Мне требуется сделать навигацию, которая "прилипает" к правой части экрана всегда, но заканчивается в определенном месте. В геометрии такая линия называется луч.

Вот пример на кодпене: codepen.io/anon/pen/ByrQww
Мне нужно, чтобы .header заканчивался по левой стороне у края .content, вот картинка для наглядности:

1cabc97477814e8bb38ff989a1f9e063.PNG
  • Вопрос задан
  • 2242 просмотра
Решения вопроса 1
standy
@standy
Я так понимаю, сложность в том, чтобы левый край был выровнен по content
Не задавайте ширину, а отдельно задайте правило для left и right, плюс немного margin:
codepen.io/standys/pen/bNvBvL
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@IceJOKER
Web/Android developer
Упираться должен в левую часть, но написали right:0; , не надо так..
поменяйте right на left
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы