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
Analysieren Sie die Methode zur Überwachung von Nginx durch Prometheus + Grafana
Inhaltsverzeichnis 1. Herunterladen 2. Installier...
Grafisches Tutorial zur Installation und Konfiguration von mysql 5.7.11 winx64.zip
Installieren und konfigurieren Sie das MySql-Date...
So konfigurieren Sie Openbox für den Linux-Desktop (empfohlen)
Dieser Artikel ist Teil einer Sonderserie zu den ...
Detaillierte Erläuterung der Implementierungsmethode und Verwendung von abgerundeten Ecken mit CSS3-Randradius
Früher war es ziemlich mühsam, abgerundete Ecken ...
Lösen Sie das Problem, dass Docker Pull zurückgesetzt wird
In diesem Artikel wird beschrieben, wie Sie das P...
Detailliertes Tutorial zur Installation von OpenStack Ussuri in CentOS8 mit minimaler Bereitstellung
Das Tutorial zur Installation von OpenStack Ussur...
Welche Szenarien sind für JS-Pfeilfunktionen nicht geeignet?
Inhaltsverzeichnis Überblick Definieren von Metho...
Detaillierte Erklärung der MySQL information_schema-Datenbank
1. Übersicht Die Datenbank information_schema ist...
Docker-Image kann nicht gelöscht werden. Fehler: Kein solches Image: xxxxxx-Lösung
Vorwort Das Docker-Image kann nicht gelöscht werd...
Das WeChat-Applet implementiert das Schlangenspiel
In diesem Artikel wird der spezifische Code des W...
Detaillierte Erläuterung des Ausführungsprozesses der MySQL-Update-Anweisung
Es gab bereits einen Artikel über den Ausführungs...
Implementierung von MySQL-indexbasierten Stresstests
1. Datenbankdaten simulieren 1-1 Datenbank- und T...
Detaillierte Erläuterung zum Hinzufügen von Sicherheitsgruppenregeln zum Alibaba Cloud Server (grafisches Tutorial)
Überblick über die Alibaba Cloud Security Group F...
Hyperlink-Tag für HTML-Webseiten
Lernprogramm zum Hyperlink-Tag einer HTML-Webseit...
Hinzufügen und Löschen von Tabelleninformationen mit Javascript
Erste Schritte mit JavaScript JavaScript ist eine...