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

Detailliertes Tutorial zur VMware-Installation des Linux CentOS 7.7-Systems

So installieren Sie das Linux CentOS 7.7-System i...

HTTP-Rückgabecodeliste (Erklärung auf Chinesisch und Englisch)

Liste der HTTP-Rückgabecodes (unten finden Sie ei...

Analyse des neuen Ressourcenmanagementsystems von CocosCreator

Inhaltsverzeichnis 1. Ressourcen und Konstruktion...

So sichern Sie MySQL regelmäßig und laden es auf Qiniu hoch

In den meisten Anwendungsszenarien müssen wir wic...

Detailliertes Tutorial zur Installation und Bereitstellung von Nginx Linux

1. Einführung in Nginx Nginx ist ein Webserver, d...

Das WeChat-Applet zeichnet die Bewegungsbahn des Benutzers auf

Inhaltsverzeichnis Konfiguration hinzufügen JSON-...

Verwenden Sie vue2+elementui für Hover-Prompts

Die Hover-Prompts von Vue2+elementui sind in exte...

Zusammenfassung der Vue Watch-Überwachungsmethoden

Inhaltsverzeichnis 1. Die Rolle der Uhr in Vue is...

Der Unterschied zwischen Vue-Interpolationsausdruck und V-Text-Direktive

Inhaltsverzeichnis 1. Verwenden Sie Plugin-Ausdrü...

Eine kurze Diskussion über MySql-Ansichten, Trigger und gespeicherte Prozeduren

Sicht Was ist eine Ansicht? Welche Rolle spielt e...

Adaptive Breitentabelle für HTML-Seiten

Auf den Seiten von Webanwendungen werden häufig T...