CSS inneres Element auf 100%

erstellt am: 15.06.2018 | von: mario | Kategorie(n): Programmierung

Wir haben ein Element mit einen Außenabstand. Nun möchte ich ein Element in diesen Element (zB Headergrafik) aber relativ auf die komplette Bildschirmbreite setzen.
Das ganze geht ganz einfach, man muss nur die Einheit „vw“ statt „%“ verwenden.

vw: view width
vh: view height

.fullSize {
    position: relative;
    width: 100vw;
    // Korrektur des linken randes
    left: -15px;
}