CSS-Debugging mit `outline`

Wenn es ungewollte Verschiebungen im Layout einer Webseite gibt, dann kann da folgendes CSS helfen, um die betreffenden Elemente zu finden.

* {
  box-sizing: border-box;
  outline: 3px solid tomato !important;
}

Das fügt allen Elementen eine sichtbare Box hinzu, ohne dabei das eigentliche Layout zu verändern. Somit lassen sich visuell die Elemente identifizieren, welche sich zu weit ausdehnen, Umbrüche verursachen oder sonst vielleicht nicht sichtbar sind.