1

Как растянуть элемент на всю ширину если у родителя уже задано ограничение в ширине в 1000px? Причем, без абсолютного позиционирования или сделать так, чтобы в определенном моменте это позиционирование убрать, что бы он не был поверх нижних элементов, футера например.

1
  • тут вариантов кроме абсолютного позиционирования и width: 100% для внутреннего дива (+z-index по необходимости), особо нету. Возможно, стоит оптимизировать саму структуру документа. Попробуйте привести пример разметки тут.
    – mirus
    2 дек 2012 в 9:06

5 ответов 5

3

Для современных браузеров можно использовать такой вариант:

для нужного элемента прописать стили:

width: 100vw;
margin-left: calc(50% - 50vw);
1

Положите оба блока в один общий блок с шириной равной ширине экрана и задайте этому общему блока overflow-x: hidden. Затем блоку который хотите растянуть на ширину экрана задайте св-ва вроде таких

position: absolute;
left: -3000px;
right: -3000px;

Такой блок не будет перекрывать нижеидущие по коду блоки. Если этот блок имеет заданную высоту и должен идти фоном, то следующие блоки можно, например, "поднять" отрицательным margin-top

0

Я не особо понял вопрос, но width: 100%; не? и z-index не?

0

width: 100%; дает размеры родителя

-1

Воспользуйтесь свойством position: relative; относительно блока наследника и примените к нему width: 100%;. Это должно растянуть упомянутый блок на всю ширину родителя

1
  • Вы растягиваете блок на ширину родителя. А в вопросе просят растянуть шире ширины родителя. 23 дек 2018 в 9:26

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.