Как заставить картинку (или блок) игнорировать боковые паддинги родителя и растягиваться на всю его ширину?

Question

[Думай Головой]

Всем привет!

Знаю способ задать родителю relative а 100% блоку absolute, но тогда пропадает обтекание и всё что ниже absolute надо прописывать margin равный высоте абсолютного блока.
Считаю этот способ кривым и ищу новый.

Спасибо!

Answer 1

[Дмитрий Королёв]

Дочернему блоку нужно выставить отрицательные отступы, равные паддингам.
jsfiddle.net/wv5pf4ob

Comments

[Думай Головой]

С блоком сработало, а с картинкой нет, даже с прописанным ей display: block. Пришлось засунуть её в блок и задать 100% width

Answer 2

[Дмитрий Новиков]

попробуйте отрицательный margin в сочетании с box-sizing

Comments

[Дмитрий Королёв]

box-sizing здесь ни при чём