Как сделать div child шире, чем div parent?

Question

[1739]

Сайт test06.menchasha.ru Как можно сделать background-color у слайдера во всю ширину (сейчас у body width=70%).

Спасибо заранее!

Comments

[Евгений]

не делать body width=70%

[Ankhena]

сейчас у body width=70%

Ширину нужно задавать контейнеру, а не body, чтобы не влипать в такие проблемы.

Как сделать div child шире, чем div parent?

Задать ширину больше 100%.
Если на всю ширину окна, то 100vw.

Но логичнее делать с другой стороны: большой контейнер с шириной 100%. Там где нужны узкие блоки, там внутренний контейнер нужной ширины (фиксированной или резиново-ограниченной, возможно изменяющейся через media) .

[1739]

Ankhena, я пытаюсь задать width и background color к div с классом slide-wrap. Но он тащит за собой весь слайдер. А мне нужно, чтобы сам слайдер оставался на месте. Не подскажите, как можно сделать?

[Ankhena]

1739, сайт у вас не работает, а что сделать я вроде сказала, даже 2 варианта. Начните делать, а потом покажите, что не выходит. Можно в песочнице jsfiddle.

[Ankhena]

1739, делала как-то для кого-то объяснялки в разных вариантах:
https://jsfiddle.net/Ankhena/tg6sqe03/
https://jsfiddle.net/Ankhena/xq3qysgw/

Answer 1

[Александр Алексеев]

верхний и нижний бордеры оставить бордерами
боковые сделать паддингами