Как растянуть элемент на всю ширину если у родителя уже задано ограничение в ширине в 1000px? Причем, без абсолютного позиционирования или сделать так, чтобы в определенном моменте это позиционирование убрать, что бы он не был поверх нижних элементов, футера например.
5 ответов
Для современных браузеров можно использовать такой вариант:
для нужного элемента прописать стили:
width: 100vw;
margin-left: calc(50% - 50vw);
Положите оба блока в один общий блок с шириной равной ширине экрана и задайте этому общему блока overflow-x: hidden. Затем блоку который хотите растянуть на ширину экрана задайте св-ва вроде таких
position: absolute;
left: -3000px;
right: -3000px;
Такой блок не будет перекрывать нижеидущие по коду блоки. Если этот блок имеет заданную высоту и должен идти фоном, то следующие блоки можно, например, "поднять" отрицательным margin-top
Воспользуйтесь свойством position: relative;
относительно блока наследника и примените к нему width: 100%;
. Это должно растянуть упомянутый блок на всю ширину родителя
-
Вы растягиваете блок на ширину родителя. А в вопросе просят растянуть шире ширины родителя. 23 дек 2018 в 9:26