Webseite Kommentare generieren Textüberlauf in IE

Autor：Eve Cole Aktualisierungszeit：2025-06-12 01:16:01

Der experimentelle Code lautet wie folgt:

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> Ein weiteres Schwein </title> </head> <body> <div style = width: 400px> <div style = float: links> </div> <!--> <div style = float: rechts; width: 400px> ↓ Das ist das zusätzliche Schwein </div> </div> </body> </html> </body> </html> </html> </body> </html> </html> </body> </htm>

Tipp: Sie können zuerst einen Code ändern und dann 1. Test in IE und FF ausführen, und nur einen Textüberlauf erfolgt in IE.

Hinweis: Der durch Kommentare verursachte Textüberlauf ist ein Fehler von IE.

2. Float: Links; In <div style = float: links> </div>, und Sie werden feststellen, dass das zusätzliche Wort "Schwein" fehlt und die Seite normal angezeigt wird.

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> Ein Schwein </title> </head> <body> <div style = width: 400px> <div> </div> <!---> <div; float: rechts; width: 400px> ↓ Dies ist das zusätzliche Schwein </div> </div> </body> </html>>

Tipp: Sie können zuerst einen Code ändern und dann denselben Float ausführen: rechts; im <div style = float: rechts; width: 400px>. Das zusätzliche Schweinwort verschwindet auch und die Seite wird normal angezeigt.

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> Ein weiteres Schwein </title> </head> <body> <div style = width: 400px> <div style = float: links> </div> <!--> <div style = width: 400px> ↓ Dies ist das extra Pig </div> </div> </body> </html> ↓

TIPP: Sie können zuerst einen Code ändern und dann die Anweisungen ausführen: Textüberlauf durch Kommentare hängt mit dem Blockfluss in Verbindung.

3. Übertragen Sie die Kommentare in die Vorderseite <div style = float: links> </div>, das überschüssige Schweinwort verschwindet und die Seite wird normal angezeigt.

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> Ein Schwein </title> </head> <body> <div style = width: 400px> <!--> <div style = float: links> </div> <div> float: rechts; Breite: 400px> ↓ Das ist das zusätzliche Schwein </div> </body> </body> </html>

Tipp: Sie können zuerst einen Code ändern und dann die Kommentare in <div style = float: rechts; width: 400px> ↓ übertragen und das zusätzliche Schwein </div>. Das zusätzliche Schweinwort verschwindet auch und die Seite wird normal angezeigt.

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> Ein Schwein </title> </head> <body> <div style = width: 400px> <div style = float: links> </div> <div style = float: rechts; width: 400px> ↓ Dies ist das zusätzliche Schwein </div> <!-> </div> </body> </html>

Tipp: Sie können zuerst einen Code ändern und dann die Anweisungen ausführen: Der durch Kommentare verursachte Textüberlauf hängt mit seinem Standort zusammen. (Es kann in Verbindung mit Punkt 2 verstanden werden)

4. Entfernen Sie die Breite: 400px in <div style = float: rechts; Breite: 400px> Das überschüssige Schweinwort verschwindet und die Seite wird normal angezeigt.

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> Ein weiteres Schwein </title> </head> <body> <div style = width: 400px> <div style = float: links> </div> <!--> <div style = float: rechts;> ↓ Dies ist das zusätzliche Schwein </div> </body> </html>>

Tipp: Sie können zuerst einen Code ändern und dann die Anweisungen ausführen: Der durch Kommentare verursachte Textüberlauf hängt mit der festen Breite des Textblocks zusammen (ob es sich um einen absoluten Wert oder einen relativen Wert handelt).

5. Erhöhen Sie die Anzahl der Kommentare: Wenn 1 Kommentar, wird 1 Wort angezeigt; Wenn 2 Kommentare sind, erscheinen 3 Wörter; Wenn 3 Kommentare, werden 5 Wörter erscheinen ...

Tipp: Sie können zuerst einen Code ändern und ihn dann ausführen

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset=gb2312 /><title>One more pig</title></head><body><div style=width:400px><div style=float:left></div><div style=float:right;width:400px>↓This is the extra pig</div></div></body></html>

Tipp: Sie können zuerst einen Code ändern und ihn dann ausführen

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> Ein weiteres Schwein </title> </head> <body> <div style = width: 400px> <div style = float: links> </div>  <!--> <div style = float: rechts; width: 400px> ↓ Das ist das extra Schwein </div> </div> </div> </</</body> </body> </body> </body> </body> </body> </html.

Tipp: Sie können zuerst einen Code ändern und ihn dann ausführen

Tipp: Sie können zuerst einen Code ändern und dann ausführen. Wir erhalten eine Formel aus der obigen Regel: Die Anzahl der Wörter, die überfüllt sind, Text = die Anzahl der Kommentare * 2-1. Die Anzahl der Wörter hier ist wahr, wenn es chinesische oder englische Zahlen gibt.

Wenn die Anzahl der überfüllten Textprodukte größer als die Textzahl des Textes ist, verschwindet der Textblock.

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> Ein weiteres Schwein </title> </head> <body> <div style = width: 400px> <div style = float: links> </div>   <! zusätzliches Schwein </div> </div> </body> </html>

Tipp: Sie können zuerst einen Code ändern und dann die Anweisungen ausführen: Die Anzahl der überfüllten Wörter hängt mit der Anzahl der Kommentare zusammen.

Nach den Tests von 1 und 2 platzieren Sie bitte keine Kommentare zwischen 2 schwimmenden Blöcken.

Lösung:

1. Es werden keine Kommentare abgegeben. Die einfachste und schnellste Lösung, hehe ...

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> Ein Schwein </title> </head> <body> <div style = width: 400px> <div style = float: links> </div> <div; float: rechts; width: 400px> ↓ Dies ist das zusätzliche Schwein </div> </body> </html>> </body> </html>>

Tipp: Sie können zuerst einen Code ändern und dann 2 ausführen. Platzieren Sie keine Kommentare zwischen 2 schwimmenden Blöcken.

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> Ein Schwein </title> </head> <body> <div style = width: 400px> <!--> <div style = float: links> </div> <div> float: rechts; Breite: 400px> ↓ Das ist das zusätzliche Schwein </div> </body> </body> </html>

Tipp: Sie können zuerst einen Code ändern und dann 3. Ausführen. Fügen Sie den Textblock zwischen dem neuen <div> </div> aus, wie z.

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset=gb2312 /><title>One more pig</title></head><body><div style=width:400px><div style=float:left></div><div style=float:right;width:400px><div>↓This is the extra pig</div></div></div></body></html>

TIPP: Sie können zuerst einen Code ändern und dann 4 ausführen. Entfernen Sie die feste Breite des Textblocks, der Ähnlichkeiten mit 3 aufweist.

<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd><Html xmlns = http: //www.w3.org/1999/xhtml> <kopf> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> Ein weiteres Schwein </title> </head> <body> <div style = width: 400px> <div style = float: links> </div> <!--> <div style = float: rechts;> ↓ Dies ist das zusätzliche Schwein </div> </body> </html>>

TIPP: Sie können zuerst einen Code ändern und dann die obige Analyse und Lösung ausführen, die möglicherweise unzureichend oder ungenau ist. Willkommen, um mich zu diskutieren und zu korrigieren.