Position fixed выпадает из родителя, как это исправить?

Question

[Novamoscow]

Есть два блока вложены друг в друга.
Родитель шириной 800px и вложенный блок шириной 100%

Вложенному блоку задан "position fixed" и блок выпадает из родителя с одной стороны, с другой он центрируется как нужно.

Само ТЗ:
Блок должен быть прикреплен к низу окна браузера, растягиваться на всю ширину, а весь сайт должен иметь ширину не больше 800пх и не меньше 500пх

codepen.io/anon/pen/evzjeb

Тут желтый блог в самом низу

Comments

[Novamoscow]

Исправился, простите

Answer 1

[iBird Rose]

у position: fixed. нельзя задать родителя. у него он один - это window.

UPD: делаешь свой fixed блок на весь экран. а внутрь него уже суешь свой контейнер - codepen.io/anon/pen/VpjBda

Comments

[Novamoscow]

Блок должен быть прикреплен к низу окна браузера, растягиваться на всю ширину, а весь сайт должен иметь ширину не больше 800пх и не меньше 500пх

Чтобы прицепить блок к окну бразузера я задал ему фиксед.
Прикрепил написанное ссылкой к посту

Как в этом случае быть ?

[iBird Rose]

Novamoscow: делаешь свой fixed блок на весь экран. а внутрь него уже суешь свой контейнер - codepen.io/anon/pen/VpjBda

Answer 2

[Артем Злагода]

Классу main-footer добавить правило max-width: inherit

Answer 3

[holymotion]

https://www.w3schools.com/cssref/pr_class_position.asp

fixed - The element is positioned relative to the browser window

Answer 4

[Максим Тимофеев]

Если относительно родителя, то не fixed, а absolute и для родителя задать position:relative;