Feste Positionierung ermöglicht es uns, ein Element relativ zum Ansichtsfenster (dem Browserfenster) zu positionieren, anstatt relativ zu seinem übergeordneten Element. Das bedeutet, dass das Element immer an derselben Position auf dem Bildschirm bleibt, auch wenn der Benutzer die Seite scrollt.

position: fixed;

Es kann hilfreich sein, wenn wir eine Webseiten-Navigation erstellen, die dem Benutzer immer zur Verfügung steht, oder wenn wir einige Informationen dauerhaft auf dem Bildschirm anzeigen müssen. Deshalb lasst uns etwas üben und den Support-Chat-Button erstellen, der immer in der unteren rechten Ecke des Ansichtsfensters sein wird.

Der Chat-Button ist immer für den Benutzer verfügbar. Er verschwindet nicht beim Scrollen. Dies wurde nur mit der Eigenschaft position: fixed; erreicht.