ล้างสิ่งที่ลอยอยู่ที่ทุกคนที่สร้างหน้าจะพบ แต่ทุกคนสามารถรู้ได้อย่างชัดเจนและครอบคลุม? ดังนั้นเมื่อฉันว่างฉันเขียนบทความดังกล่าวทันที ฉันไม่สามารถครอบคลุมทุกอย่างได้ แต่โดยทั่วไปฉันสามารถสอนทุกสิ่งที่ฉันรู้
มาดูกันอย่างคร่าวๆว่ามีกี่วิธีในการล้างลอย (ฉันจะไม่เขียนด้วยการซูม: 1 ในนั้นฉันจะเขียนมันสำหรับหัวข้อถัดไป) การสาธิต ที่สอดคล้องกัน- ใช้ Pseudo-Class: หลังจากทำความสะอาดชั้น pseudo-class ด้วยบิตความสูงว่างเปล่าที่ตามมา
- ใช้ CSS Overflow: อัตโนมัติเพื่อรองรับความสูง
- ใช้ CSS Overflow: ซ่อนเพื่อสร้างการดัดแปลงแปลก ๆ
- ใช้การแสดงผล: ตารางเพื่อเปลี่ยนวัตถุเป็นรูปแบบตาราง
- ใช้แท็ก div และคุณลักษณะที่ชัดเจน CSS
- ใช้แท็ก BR และคุณลักษณะที่ชัดเจน CSS
- ใช้แท็ก BR และแอตทริบิวต์ HTML Clear ของตัวเอง
เมื่อมองดูอย่างคร่าวๆพวกเขาสามารถแก้ปัญหาได้ทั้งหมด อย่างไรก็ตามในทางกลับกันพวกเขามีข้อดีและข้อเสียของตัวเอง (การติดต่อแบบหนึ่งต่อหนึ่ง)- ข้อดีของ โครงสร้างความหมายถูกต้องอย่างสมบูรณ์และจะไม่ทำให้เกิดปัญหาแปลก ๆ อื่น ๆ ข้อเสีย วิธีการใช้ซ้ำที่ไม่เหมาะสมสามารถทำให้ปริมาณรหัสเพิ่มขึ้นได้อย่างง่ายดาย ขอแนะนำ สำหรับผู้ที่ใช้เลเยอร์ด้านนอกสุดเมื่อลอยอยู่หรือใช้อย่างชัดเจนในแบบแยกส่วน
- ข้อดี โครงสร้างนั้นถูกต้องอย่างสมบูรณ์และปริมาณรหัสมีขนาดเล็กมาก ข้อเสีย หลังจากทำรังหลายครั้งการคลิกที่กล่องลอยนอกสุดจะถูกเลือกจากด้านนอกสุดไปจนถึงเนื้อหาด้านในสุด (FF); หรือเมื่อเมาส์โอเวอร์ทำให้ความกว้างเปลี่ยนโมดูลด้านนอกสุดจะมีแถบเลื่อน (เช่น) ขอแนะนำ ให้ใช้โมดูลภายในโปรดอย่าทำรัง
- ข้อดี โครงสร้างนั้นถูกต้องอย่างสมบูรณ์และปริมาณรหัสมีขนาดเล็กมาก เมื่อ ข้อเสีย เพิ่มขึ้นเนื้อหามีแนวโน้มที่จะถูกซ่อนไว้โดยไม่ต้องห่อเส้นโดยอัตโนมัติ ขอแนะนำ ให้ใช้เมื่อความกว้างได้รับการแก้ไขและไม่ทำรัง
- ข้อดี โครงสร้างนั้นถูกต้องอย่างสมบูรณ์และปริมาณรหัสมีขนาดเล็กมาก คุณลักษณะของโมเดลกล่อง ข้อเสีย มีการเปลี่ยนแปลงและคุณสามารถจินตนาการได้ว่ามีเหตุการณ์แปลก ๆ มากมายที่คุณไม่สามารถนับได้ ขอแนะนำว่า หากคุณไม่ต้องการเปลี่ยนข้อผิดพลาดมันจะเป็นการดีที่สุดที่จะไม่ใช้ อย่างไรก็ตามสามารถทดสอบได้ว่าเป็นคนโง่ชั่วคราวในรุ่นอัลฟ่า
- ข้อดี: รหัสจำนวนน้อยมากและการใช้ซ้ำที่สูงมาก ข้อเสียนั้น ไม่ได้ผลอย่างสมบูรณ์ในการปรับให้เข้ากับความหมายซึ่งไม่เอื้อต่อการเปลี่ยนแปลงและการเปลี่ยนแปลงข้อกำหนด ขอแนะนำให้ ผู้เริ่มต้นใช้งานซึ่งช่วยให้คุณแก้ปัญหาลอยตัวได้อย่างรวดเร็ว
- ข้อได้เปรียบ ระดับความหมายดีกว่ากรณีที่ห้า; ปริมาณรหัสมีขนาดเล็กมากและความสามารถในการนำกลับมาใช้ใหม่ได้สูงมาก ความหมายของ ข้อเสีย ยังคงไม่สมบูรณ์ซึ่งไม่เอื้อต่อการแก้ไขและการเปลี่ยนแปลงความต้องการ ขอแนะนำให้ ผู้เริ่มต้นใช้งานซึ่งช่วยให้คุณแก้ปัญหาลอยตัวได้อย่างรวดเร็ว
- ข้อได้เปรียบ ระดับความหมายดีกว่าในกรณีที่ 5 และ 6; จำนวนรหัสมีขนาดเล็กที่สุดและความสามารถในการนำกลับมาใช้ใหม่ได้สูงมาก ความหมายของ ข้อเสีย ยังคงไม่สมบูรณ์ซึ่งไม่เอื้อต่อการแก้ไขและการเปลี่ยนแปลงความต้องการ ขอแนะนำ ให้แนะนำผู้เริ่มต้นให้ใช้เมื่ออัพเกรดความคิดของพวกเขาเพื่อให้พวกเขาเข้าใจว่าแทนที่จะใช้ชื่อคลาสเพื่อควบคุมประสิทธิภาพมันจะเป็นการดีกว่าที่จะกลับสู่ยุคของหน้าเว็บใน Web1.0 เพื่อใช้แอตทริบิวต์ HTML โดยตรงเพื่อควบคุมประสิทธิภาพ ท้ายที่สุดหลังมีรหัสน้อยกว่า
ในที่สุดรายการจะเสร็จสมบูรณ์ อย่างไรก็ตามฉันคิดว่าจำเป็นต้องขอโทษทุกคนเกี่ยวกับบทความที่พิมพ์ซ้ำโดยผีมาก่อน สิ่งที่ฉันเสียใจคือฉันเปลี่ยนชื่อผีและเปลี่ยนสิ่งที่ง่ายที่สุดไปเป็นดีที่สุดเพื่อให้นักเรียนหลายคนเข้าใจผิดในภายหลัง ดังนั้นฉันจึงเขียนบทความที่เขียนใหม่เพื่อแบ่งปัน
