เค้าโครงเว็บ CSS นั้นยาก แต่จริงๆแล้วมันง่ายมาก เป็นเรื่องง่ายที่จะพูดและบ่อยครั้งที่มีปัญหามากมายที่รบกวนสามเณร อย่างไรก็ตามบ่อยครั้งที่เรามักจะเข้าไปพัวพันกับปัญหาเล็ก ๆ น้อย ๆ และไม่สามารถผ่อนคลายได้ วันนี้ฉันจะแนะนำให้คุณรู้จักกับเคล็ดลับแปดข้อซึ่งดูเหมือนจะมีประโยชน์มาก 2. เมื่อใช้ฟังก์ชั่นลอยตัวอย่าลืมล้างคำสั่งลอยตัวอย่างถูกต้อง หากคุณพบองค์ประกอบลอยตัวที่ขยายไปถึงขอบของภาชนะอุปกรณ์รอบข้างหรือสถานการณ์ที่ผิดปกติอื่น ๆ ตรวจสอบให้แน่ใจว่าคุณถูกต้องก่อน 3. ใช้การขยายหรือเส้นขอบเมื่อขอบเขตซ้อนทับเพื่อหลีกเลี่ยงการถูกครอบงำด้วยพื้นที่เล็ก ๆ ที่ไม่ควรปรากฏหรือคุณไม่สามารถบีบออกเมื่อคุณต้องการพื้นที่เล็ก ๆ น้อย ๆ หากคุณใช้มาร์จิ้นมันเป็นเรื่องง่ายที่จะสร้างการทับซ้อนกันในขอบเขต 4. พยายามหลีกเลี่ยงปัญหาการคำนวณความกว้างและความสูงที่ระบุการขยาย/เส้นขอบให้กับองค์ประกอบในเวลาเดียวกันและความสูงหรือความกว้าง บางวิธีสามารถแก้ปัญหานี้ได้ แต่ถ้าองค์ประกอบหลักจำเป็นต้องระบุความสูงและความกว้างควรใช้อัตรากำไรขั้นต้นกับองค์ประกอบลูกภายในองค์ประกอบหลักหรือเมื่อองค์ประกอบลูกจำเป็นต้องระบุความสูงและความกว้าง องค์ประกอบหลักเพื่อให้ได้ผล 5. อย่าพึ่งพาความกว้างต่ำสุด/ต่ำสุด 6. หากคุณมีคำถามใด ๆ ลดเปอร์เซ็นต์ก่อน ในเวลานี้โปรดลองเปลี่ยนค่าเหล่านี้เป็น 49%หรือแม้กระทั่ง 49.9% 7. จำคำว่า "TRBL" ไม่มีขอบเขตด้านบน จำไว้ว่า "trbl" และคุณจะไม่ได้รับคำสั่งซื้อผิด 8. ตราบใดที่ค่าไม่เป็นศูนย์คุณต้องระบุหน่วย
1. หากคุณมีคำถามใด ๆ ให้ตรวจจับได้ทันที W3C มีเครื่องมือตรวจจับสำหรับ XHTML และ CSS ดู http://validator.w3.org โปรดทราบว่าข้อผิดพลาดที่จุดเริ่มต้นของไฟล์อาจทำให้เกิดข้อผิดพลาดมากขึ้นเนื่องจากปัจจัยต่าง ๆ เช่นโครงสร้างที่ไม่เหมาะสม
IE บน Windows ไม่รองรับสองไวยากรณ์ แต่ในระดับหนึ่งเวอร์ชัน Windows ของ IE สามารถบรรลุเอฟเฟกต์เทียบเท่ากับความกว้างต่ำ/ต่ำสุดดังนั้นเพียงทำฟังก์ชั่นการกรองบางอย่างบน IE เพื่อให้ได้ผลลัพธ์ที่คุณต้องการ