Einzelnes Element 100% des Bildschirms, trotz max-width

Hallo,

auf meiner Seite befindet sich ein article Element. In diesem befindet sich der Text der Seite. Das article element hat die folgenden Eigenschaft: width100%; max-width:1100px

Nun würde ich ganz gerne in diesem article Element ein Bild einfügen, welches die maximale Breite von 1100px nicht beachet und wirklich 100% des Bildischirms einnimmt.

Sozusagen so:

[Blockierte Grafik: https://abload.de/img/aa5zfd4.png]

Ist das irgendwie möglich?

Kann ich der "Bild-Box" irgendwie mitteilen dass die "Bild-Box" die "max-width" Eigenschaft nicht beachtet?

Oder geht es nur so:

[Blockierte Grafik: https://abload.de/img/a14uf9i.png]

Zitat von Arne Drews

Was spricht dagegen, das Layout entsprechend dem, was man dargestellt haben möchte aufzubauen?!
Ist die sauberste Lösung.

Mache ich. Aber hätte ja sein können dass es eine "saubere" Alternative gibt.