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

Weitere beliebte und kreative Beispiele für Webdesign mit dunklem Hintergrund

Seitendesigns im dunklen Hintergrundstil sind seh...

So erstellen Sie schnell einen FTP-Dateidienst mit FileZilla

Um die Speicherung und den Zugriff auf Dateien zu...

Die Magie des tr-Befehls beim Zählen der Häufigkeit englischer Wörter

Wir alle kennen den Befehl tr, mit dem Ersetzunge...

Detaillierte Erklärung von Group By und Having in MySQL

Mit der GROUP BY-Syntax können die Abfrageergebni...

So passen Sie die Protokollebene von Nginx in Docker an

Inhaltsverzeichnis Einleitung Nginx-Dockerdatei N...

3 einfache Möglichkeiten, Karusselleffekte mit JS zu erzielen

In diesem Artikel werden 3 Methoden beschrieben, ...

Zusammenfassung der Merkmale des SQL-Modus in MySQL

Vorwort Der SQL-Modus wirkt sich auf die von MySQ...

So überwachen und löschen Sie abgelaufene Sitzungen in Tomcat

Vorwort Ich habe zufällig entdeckt, dass die halb...

Zwei Implementierungscodes der programmgesteuerten Navigation mit Vue-Router

Zwei Möglichkeiten zum Navigieren auf der Seite D...