@Novamoscow

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

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

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

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

codepen.io/anon/pen/evzjeb

Тут желтый блог в самом низу
  • Вопрос задан
  • 10361 просмотр
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
у position: fixed. нельзя задать родителя. у него он один - это window.

UPD: делаешь свой fixed блок на весь экран. а внутрь него уже суешь свой контейнер - codepen.io/anon/pen/VpjBda
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
stig85
@stig85
Я нормальный парень, но порою едет крыша
Классу main-footer добавить правило max-width: inherit
Ответ написан
Комментировать
@holymotion
https://www.w3schools.com/cssref/pr_class_position.asp

fixed - The element is positioned relative to the browser window
Ответ написан
Комментировать
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Если относительно родителя, то не fixed, а absolute и для родителя задать position:relative;
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
Wanted. Санкт-Петербург
До 180 000 ₽
move2usajobs.com LLC Лос-Анджелес
от 2 000 до 4 000 $