CSS+DIV เป็นคำศัพท์ที่ใช้กันทั่วไปในมาตรฐานเว็บไซต์ (หรือ "มาตรฐานเว็บ") มักใช้เพื่ออธิบายความแตกต่างจากวิธีการวางตำแหน่งตารางในภาษาการออกแบบเว็บ HTML เพราะในมาตรฐานการออกแบบเว็บไซต์ XHTML ตาราง ไม่มีการใช้เทคโนโลยีการวางตำแหน่งอีกต่อไป แต่ใช้ css+div เพื่อให้ได้ตำแหน่งที่หลากหลาย เป็นเรื่องง่ายที่จะทำอะไรผิดพลาดเมื่อใช้การเข้ารหัส DIV+CSS บทความนี้จะแสดงข้อผิดพลาดทั่วไปบางประการ:
1. ตรวจสอบว่ามีการสะกดผิดในองค์ประกอบ HTML หรือไม่ และลืมแท็กปิดหรือไม่
แม้แต่ผู้ใช้ที่มีประสบการณ์ก็มักจะเข้าใจผิดเรื่องการซ้อน div คุณสามารถใช้ฟังก์ชันการตรวจสอบของ Dreamweaver เพื่อตรวจสอบข้อผิดพลาดได้ เว็บเจเอ็กซ์.คอม
2. ตรวจสอบว่า CSS ถูกต้องหรือไม่
ตรวจสอบการสะกดผิด ลืม } ในตอนท้าย ฯลฯ คุณสามารถใช้ CleanCSS เพื่อตรวจสอบ CSS เพื่อหาข้อผิดพลาดในการสะกดคำ CleanCSS เป็นเครื่องมือในการลดน้ำหนักสำหรับ CSS แต่ยังสามารถตรวจสอบข้อผิดพลาดในการสะกดได้อีกด้วย
3. พิจารณาว่าข้อผิดพลาดเกิดขึ้นที่ใด
หากข้อผิดพลาดส่งผลกระทบต่อเค้าโครงโดยรวม คุณสามารถลบบล็อก div ทีละบล็อกได้จนกว่าจอแสดงผลจะกลับมาเป็นปกติหลังจากลบบล็อก div บางส่วน และคุณสามารถระบุได้ว่าเกิดข้อผิดพลาดที่ใด
4. ใช้แอตทริบิวต์เส้นขอบเพื่อกำหนดลักษณะโครงร่างขององค์ประกอบข้อผิดพลาด
การใช้โครงร่างแอตทริบิวต์ float อาจทำให้เกิดข้อผิดพลาดได้หากคุณไม่ระวัง ในขณะนี้ ให้เพิ่มแอตทริบิวต์ border ให้กับองค์ประกอบเพื่อกำหนดขอบเขตขององค์ประกอบ และสาเหตุของข้อผิดพลาดจะถูกเปิดเผย
5. องค์ประกอบหลักขององค์ประกอบ float ไม่สามารถระบุแอตทริบิวต์ที่ชัดเจนได้
ภายใต้ MacIE หากคุณใช้แอตทริบิวต์ clear ในองค์ประกอบหลักขององค์ประกอบ float เค้าโครงขององค์ประกอบ float โดยรอบจะสับสน นี่คือข้อผิดพลาดอันโด่งดังของ MacIE หากคุณไม่รู้ คุณจะต้องเบี่ยงออก
6. องค์ประกอบ float จะต้องระบุแอตทริบิวต์ width Webjx.Com
เบราว์เซอร์จำนวนมากมีข้อบกพร่องเมื่อแสดงองค์ประกอบลอยที่มีความกว้างที่ไม่ระบุ ดังนั้นไม่ว่าเนื้อหาขององค์ประกอบ float จะเป็นเช่นไร จะต้องระบุแอตทริบิวต์ width ให้กับองค์ประกอบนั้น