1: float ist eine spezielle Layoutfunktion, die bewirkt, dass das angegebene Element aus dem normalen Dokumentenfluss ausbricht. Es muss auf Elemente auf Blockebene angewendet werden, was bedeutet, dass Floats nicht auf Inline-Tags angewendet werden. Wenn Float angewendet wird, wird dieses Element als Element auf Blockebene bezeichnet. Nachdem beispielsweise ein Inline-Element auf Float gesetzt wurde, können Sie dessen Breite und Höhe festlegen.
.clear:after{
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;
}: Das After-Pseudoelement fügt Inhalt nach dem Element hinzu. Dieses Pseudoelement ermöglicht es Erstellern, generierte Inhalte am Ende des Elementinhalts einzufügen. Standardmäßig ist dieses Pseudoelement ein Inline-Element, dies kann jedoch mithilfe des Anzeigeattributs geändert werden. Der durch die Verwendung von after generierte Inhalt ist zunächst ein Leerzeichen und setzt dann die Höhe auf 0, um zu verhindern, dass er sich auf das Layout auswirkt. Dies bedeutet, dass es sich nicht auf das Layout auswirkt. klar: Beides bedeutet, dass die Browser ie6 und ie7 nicht unterstützt werden. Fügen Sie einfach eine Höhe hinzu: 1% und es ist in Ordnung. In diesem Fall haben ie6 und ie7 ein Haslayout.
2:haslayput
Tatsächlich ist haslayout eine interne Komponente der Rendering-Engine von Windows Internet Explorer 7 oder niedriger,
In Internet Explorer 7 und niedriger berechnet ein Element entweder die Größe und organisiert seinen eigenen Inhalt oder verlässt sich auf das übergeordnete Element, um die Größe zu berechnen und den Inhalt zu organisieren. Um diese beiden unterschiedlichen Konzepte in Einklang zu bringen, verwendet die Rendering-Engine das hasLayout-Attribut, das wahr oder falsch sein kann. Wenn der hasLayout-Attributwert eines Elements wahr ist, sagen wir, dass das Element ein Layout hat. Wenn ein Element über ein Layout verfügt, ist es für die Größe und Positionierung seiner selbst und möglicher untergeordneter Elemente verantwortlich. Einfach ausgedrückt, anstatt sich bei der Erledigung der Aufgabe auf Vorfahrenelemente zu verlassen. IE kann über die IE Developer Toolbar angezeigt werden Unabhängig davon, ob das HTML-Element haslayout hat, wird das Element mit haslayout normalerweise als „haslayout = -1“ angezeigt.
Das Layout besteht darin, die Größe von sich selbst und möglichen Nachkommenelementen zu berechnen und zu positionieren, um die Höhe des übergeordneten Elements zu bestimmen. Diesmal passt sich das übergeordnete Element an die Höhe des darin enthaltenen Inhalts an wird verstehen, warum eine Höhe hinzugefügt wird: 1% Grund Natürlich können Sie auch andere Attribute hinzufügen, um ein Layout zu erhalten, z. B. Breite usw. Natürlich können Sie Float hinzufügen (Float kann auch ein Layout auslösen), es wird jedoch nicht empfohlen, Float zum Löschen von Float zu verwenden, da Float einen weiteren Float generiert.
,,
,