Левое поле Margin: автоматически редактируемые элементы = к отступу слева от элемента переполнения шириной 100%
Позвольте мне продемонстрировать проблему со следующим HTML:
<section style="text-align: center;">
<header style="margin: 0px auto; width: 300px; background: orange;"> </header>
<div>
<article style="overflow-x: auto; width: 100%; background: pink;">
<img src="http://placekitten.com/10000/10" />
</article>
</div>
</section>
'articleэлемент там; Я хотел быIMG элемент там, чтобы быть на том же расстоянии от левой части страницы, что иheader элемент. Я хочу, чтобы это было правдой независимо от того, насколько широко пользователь изменяет размеры своего браузера.
И я хочу сделать это только с помощью CSS.Вы можете добавлять новые элементы, но не в пределахarticle' тег.
Я полагаю, что это невозможно, если не сложно. У меня было несколько идей, но не могли бы вы помочь?