CSS-Textduplizierung, dh ein Fehler führt zu einer seltsamen Textduplizierung

Wenn mehrere schwebende Elemente mit dazwischen liegenden Kommentaren aufeinander folgen, wird der Text im letzten schwebenden Element gelegentlich nach unten kopiert. Wissenschaftlicher Name Fehler durch doppelte Zeichen

Programmcode






>

< div style="float:right;width:400px">↓Dies ist das zusätzliche Schwein

< ;/html>

kann mit den folgenden Methoden gelöst werden:

　1. Geben Sie keine Kommentare ab. Die einfachste und schnellste Lösung
2. Platzieren Sie keine Kommentare zwischen zwei schwebenden Blöcken.
3. Fügen Sie den Textblock zwischen dem neuen

ein, wie zum Beispiel:

↓Das ist das Extra pig

.
4. Entfernen Sie die feste Breite des Textblocks, ähnlich wie bei 3.
5. Manche Leute fügen nach dem Schwein ein
ein, aber das beseitigt nur das Phänomen.
6. Legen Sie nicht mehrere Breiten für schwebende Elemente fest, damit diese nicht den unteren Rand des enthaltenden Elements erreichen, oder legen Sie margin-right: -3px oder kleiner für das letzte Element fest.
　7. Kommentare können so geschrieben werden: