Zwei Boxmodelle in Webseiten (W3C-Boxmodell, IE-Boxmodell)

Zwei Boxmodelle in Webseiten (W3C-Boxmodell, IE-Boxmodell)
Es gibt zwei Arten von Webseiten-Boxmodellen:

1: Standard-W3C-Boxmodell; 2: IE-Boxmodell (das Standardmodell des IE-Browsers).

Auf zwei Webseiten mit unterschiedlichen Modellen sind die Anzeigeeffekte von Elementen mit denselben definierten CSS-Eigenschaften unterschiedlich. Die folgende Formel wird verwendet, um diese beiden unterschiedlichen Boxmodelle zu unterscheiden.

1: Standard-W3C-Boxmodell

Breite = Breite + (Innenabstand links) + (Innenabstand rechts) + (Rand links) + (Rand rechts) + (Rahmen links) + (Rahmen rechts)
Höhe = Höhe + (Polsterung oben) + (Polsterung unten) + (Rand oben) + (Rand unten) + (Rahmen oben) + (Rahmen unten)

2: IE-Box-Modell

Breite = Breite + (Rand links) + (Rand rechts)
Höhe = Höhe + (oberer Rand) + (unterer Rand)

Dieses Modell ist das Standard-Boxmodell des IE-Browsers und kann natürlich auch geändert werden

<<:  Teilen Sie 13 grundlegende Syntax von Typescript

>>:  Zusammenfassung des fragmentierten Wissens zum Docker-Management

Artikel empfehlen

So implementieren Sie den Selbststart eines Docker-Containers

Container-Autostart Docker bietet einen Neustartr...

Beispielcode zum Konvertieren von Videos mit der ffmpeg-Befehlszeile

Bevor Sie mit dem Haupttext dieses Artikels begin...

Implementierungscodebeispiel für die lokale Verzeichniszuordnung von Nginx

Manchmal müssen Sie auf einige statische Ressourc...

So verwenden Sie Elemente in React-Projekten

Dies ist mein erstes Mal, dass ich das Element-Fr...

Was sind die Unterschiede zwischen SQL und MySQL

Was ist SQL? SQL ist eine Sprache zum Betrieb von...

Detaillierte Erklärung der Truncate-Verwendung in MySQL

Anleitung in diesem Artikel: Es gibt zwei Möglich...

Zusammenfassung der Ausführungsprobleme zwischen MySQL Max und Where

Ausführungsproblem zwischen MySQL Max und Where S...

Anleitung zur Verwendung von env in vue cli

Inhaltsverzeichnis Vorwort Einführung-Offiziell B...