ชัดเจน คุณสมบัติ CSS เป็นส่วนหนึ่งของ CSS ตั้งแต่ CSS1 ช่วยให้คุณสามารถระบุว่าองค์ประกอบใดสามารถลอยอยู่ข้างๆองค์ประกอบที่ถูกล้างและด้านใดด้านหนึ่ง ชัดเจน คุณสมบัติมีค่าที่เป็นไปได้ห้าประการ:
ไม่มีซ้ายขวาทั้งสองสืบทอด
วิธีใช้พร็อพเพอร์ตี้ CSS ที่ชัดเจน
วิธีที่นิยมใช้กันมากที่สุด ชัดเจน คือหลังจากที่คุณใช้ a ลอย คุณสมบัติขององค์ประกอบ ตัวอย่างเช่น:
- ข้อความถัดจากภาพของฉัน
- ข้อความที่อยู่ด้านล่างภาพของฉัน
องค์ประกอบทั้งหมดเป็นค่าเริ่มต้น ความชัดเจน: none;ดังนั้นหากคุณไม่ต้องการให้องค์ประกอบอื่น ๆ ลอยอยู่ข้างสิ่งใดคุณต้องเปลี่ยน ชัดเจน สไตล์
เมื่อคุณกำลังล้างข้อมูลลอยตัวคุณจะจับคู่ข้อมูลของคุณกับลอยของคุณ ดังนั้นถ้าคุณลอยองค์ประกอบไปทางซ้ายแล้วคุณควรล้างไปทางซ้าย องค์ประกอบที่ลอยของคุณจะยังลอยอยู่ต่อไป แต่องค์ประกอบที่ได้รับการล้างข้อมูลและทุกอย่างจะปรากฏขึ้นด้านล่างบนหน้าเว็บ
หากคุณมีองค์ประกอบที่ลอยทั้งด้านขวาและด้านซ้ายคุณสามารถล้างด้านเดียวหรือคุณสามารถล้างได้ ทั้งสอง.
ใช้การล้างข้อมูลในเลย์เอาต์
วิธีที่นักออกแบบส่วนใหญ่ใช้กันมากที่สุดคือ ชัดเจน คุณสมบัติอยู่ในรูปแบบขององค์ประกอบของหน้า คุณอาจมีภาพลอยอยู่ในกลุ่มของข้อความและต้องการให้ย่อหน้าถัดไปเริ่มต้นด้านล่างภาพหรือคุณอาจมีทั้งคอลัมน์ของข้อความที่คุณต้องการจะลอยอยู่ข้างๆพวงของข้อความอื่นโดยมีข้อความปรากฏด้านล่าง
นี่คือ HTML สำหรับเค้าโครงในแบบฟอร์มนี้ มีคอนเทนเนอร์ div หนึ่งที่ถือครองอื่นซึ่งลอยอยู่ทางด้านซ้าย
การดำเนินการนี้จะทำงานได้ดีโดย div ที่สั้นกว่าจะลอยอยู่ทางด้านซ้ายของส่วนที่เหลือของ div หลัก คุณสามารถล้างข้อความข้างช่องลอยโดยการเพิ่มแท็กที่คุณต้องการให้เริ่มเขียนภายใต้ช่องแบบลอย ปัญหาเกิดขึ้นเมื่อกล่องลอยยาวกว่าเนื้อหาถัดไป จากนั้นตามที่คุณเห็นสีพื้นหลังของกล่องหลักจะไม่ถูกดำเนินการไปที่ด้านล่างของกล่องแบบลอย โชคดีที่มีวิธีง่ายๆในการแก้ไขปัญหานี้: คุณสมบัติ โดยการตั้งค่ากล่องหลักไว้ที่
div แบบลอยสั้น
เนื้อหาภายในคอนเทนเนอร์ div ซึ่งจะอยู่ทางด้านขวาของ div แบบลอยล้น: อัตโนมัติ; สีพื้นหลังจะยังคงอยู่ข้างช่องลอยอีกต่อไปที่ด้านล่างสุดดังแสดงในตัวอย่างนี้
