ความคิดเห็นหน้าเว็บสร้างข้อความล้นใน IE

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-06-12 01:16:01

รหัสทดลองมีดังนี้:

<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> หมูอีกหนึ่งตัว </title> </head> <body> <div style = width: 400px> <div style = float: ซ้าย> </div> <!--> <div style = float: ขวา; width: 400px> ↓

เคล็ดลับ: คุณสามารถแก้ไขรหัสก่อนจากนั้นเรียกใช้ 1. ทดสอบใน IE และ FF และมีเพียงข้อความล้นเท่านั้นที่เกิดขึ้นใน IE

หมายเหตุ: ข้อความล้นที่เกิดจากความคิดเห็นเป็นข้อบกพร่องของ IE

2. ลบ Float: ซ้าย; ใน <div style = float: ซ้าย> </div> และคุณจะพบว่าคำว่า "หมู" พิเศษหายไปและหน้าจะปรากฏขึ้นตามปกติ

<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> หมูตัวหนึ่ง </title> </head> <body> <div style = width: 400px> <div> </div> <!--> <div style = float: ขวา; width: 400px> ↓นี่คือหมูพิเศษ </div>

เคล็ดลับ: คุณสามารถแก้ไขรหัสบางอย่างก่อนจากนั้นเรียกใช้ลอยเดียวกัน: ขวา; ใน <div style = float: ขวา; ความกว้าง: 400px> คำหมูพิเศษก็หายไปและหน้าจะแสดงตามปกติ

เคล็ดลับ: คุณสามารถแก้ไขรหัสบางอย่างก่อนจากนั้นเรียกใช้คำแนะนำ: ข้อความล้นที่เกิดจากความคิดเห็นเกี่ยวข้องกับบล็อกลอยตัว

3. ถ่ายโอนความคิดเห็นไปที่ด้านหน้าของ <div style = float: ซ้าย> </div>, คำหมูส่วนเกินหายไปและหน้าจะแสดงตามปกติ

<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> หมูหนึ่งตัว </title> </head> <body> <div style = width: 400px> <!--> <div style = float: ซ้าย> </div> <div style = float: ขวา; width: 400px> ↓นี่คือหมูพิเศษ

เคล็ดลับ: คุณสามารถแก้ไขรหัสก่อนจากนั้นเรียกใช้และถ่ายโอนความคิดเห็นไปที่ <div style = float: ขวา; ความกว้าง: 400px> ↓นี่คือหมูพิเศษ </div> คำหมูพิเศษก็หายไปและหน้าจะแสดงตามปกติ

<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> หมูหนึ่งตัว </title> </head> <body> <div style = width: 400px> <div style = float: left> </div> <div style = float: ขวา; width: 400px> ↓นี่คือหมูพิเศษ </div> <!

เคล็ดลับ: คุณสามารถแก้ไขรหัสบางอย่างก่อนจากนั้นเรียกใช้คำแนะนำ: ข้อความล้นที่เกิดจากความคิดเห็นเกี่ยวข้องกับตำแหน่งของมัน (สามารถเข้าใจได้ร่วมกับจุดที่ 2)

4. ลบความกว้าง: 400px ใน <div style = float: ขวา; ความกว้าง: 400px>, คำหมูส่วนเกินหายไปและหน้าจะแสดงตามปกติ

เคล็ดลับ: คุณสามารถแก้ไขรหัสบางอย่างก่อนจากนั้นเรียกใช้คำแนะนำ: ข้อความล้นที่เกิดจากความคิดเห็นเกี่ยวข้องกับความกว้างคงที่ของบล็อกข้อความ (ไม่ว่าจะเป็นค่าสัมบูรณ์หรือค่าสัมพัทธ์)

5. เพิ่มจำนวนความคิดเห็น: เมื่อ 1 ความคิดเห็น 1 คำจะปรากฏขึ้น; เมื่อ 2 ความคิดเห็น 3 คำจะปรากฏขึ้น; เมื่อ 3 ความคิดเห็น 5 คำจะปรากฏขึ้น ...

เคล็ดลับ: คุณสามารถแก้ไขรหัสก่อนแล้วจึงเรียกใช้

<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> หมูอีกหนึ่งตัว </title> </head> <body> <div style = width: 400px> <div style = float: left> </div>  <div style = float: ขวา;

เคล็ดลับ: คุณสามารถแก้ไขรหัสก่อนแล้วจึงเรียกใช้

<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; Charset = GB2312/> <title> หมูอีกหนึ่งตัว </title> </head> <body> <div style = width: 400px> <div style = float: ซ้าย> </div>  <!--> <div style = float: ขวา;

เคล็ดลับ: คุณสามารถแก้ไขรหัสก่อนแล้วจึงเรียกใช้

เคล็ดลับ: คุณสามารถแก้ไขรหัสบางอย่างก่อนจากนั้นเรียกใช้ เราจะได้รับสูตรจากกฎข้างต้น: จำนวนคำที่ล้นข้อความ = จำนวนความคิดเห็น * 2-1 จำนวนคำที่นี่เป็นจริงเมื่อมีหมายเลขภาษาจีนหรือภาษาอังกฤษ

เมื่อจำนวนคำข้อความที่ล้นมากกว่าจำนวนคำข้อความบล็อกข้อความจะหายไป

เคล็ดลับ: คุณสามารถแก้ไขรหัสบางอย่างก่อนจากนั้นเรียกใช้คำแนะนำ: จำนวนคำที่ล้นเกี่ยวข้องกับจำนวนความคิดเห็น

จากการทดสอบของ 1 และ 2 โปรดอย่าแสดงความคิดเห็นระหว่าง 2 บล็อกลอยตัว

สารละลาย:

1. ไม่มีการแสดงความคิดเห็น ทางออกที่ง่ายที่สุดและเร็วที่สุดฮิฮิ ...

<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> หมูตัวหนึ่ง </title> </head> <body> <div style = width: 400px> <div style = float: ซ้าย> </div> <div style = float: ขวา; width: 400px> ↓นี่คือหมูพิเศษ </div>

เคล็ดลับ: คุณสามารถแก้ไขรหัสก่อนจากนั้นเรียกใช้ 2. อย่าแสดงความคิดเห็นระหว่าง 2 บล็อกลอยตัว

<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; charset = gb2312/> <title> หมูหนึ่งตัว </title> </head> <body> <div style = width: 400px> <!--> <div style = float: ซ้าย> </div> <div style = float: ขวา; width: 400px> ↓นี่คือหมูพิเศษ

เคล็ดลับ: คุณสามารถแก้ไขรหัสก่อนจากนั้นเรียกใช้ 3 รวมบล็อกข้อความระหว่าง <div> </div> ใหม่เช่น: <div style = float: ขวา; ความกว้าง: 400px> <div> ↓นี่คือหมูพิเศษ </div> </div>

<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; Charset = GB2312/> <title> หมูอีกหนึ่งตัว </title> </head> <body> <div style = width: 400px> <div style = float: left> </div> <!--> <div style = float: ขวา; width: 400px> <div>

เคล็ดลับ: คุณสามารถแก้ไขรหัสก่อนจากนั้นเรียกใช้ 4. ลบความกว้างคงที่ของบล็อกข้อความซึ่งมีความคล้ายคลึงกับ 3

เคล็ดลับ: คุณสามารถแก้ไขรหัสก่อนจากนั้นเรียกใช้การวิเคราะห์และโซลูชันด้านบนซึ่งอาจไม่เพียงพอหรือไม่ถูกต้อง ยินดีต้อนรับสู่การพูดคุยและแก้ไขฉัน