1. หากมีข้อสงสัยให้ตรวจสอบทันที
การตรวจสอบโค้ดต้นฉบับอย่างง่ายๆ เมื่อมีสิ่งผิดปกติเกิดขึ้นสามารถช่วยให้คุณไม่ต้องปวดหัวได้มาก W3C มีเครื่องมือตรวจจับสำหรับ XHTML และ CSS โปรดทราบว่าข้อผิดพลาดที่จุดเริ่มต้นของไฟล์อาจทำให้เกิดข้อผิดพลาดมากขึ้นเนื่องจากโครงสร้างที่ไม่เหมาะสมและปัจจัยอื่นๆ เราขอแนะนำให้แก้ไขข้อผิดพลาดที่ชัดเจนที่สุดก่อนแล้วจึงตรวจสอบอีกครั้ง ซึ่งอาจลดจำนวนข้อผิดพลาดได้
2. อย่าลืมล้างคำแนะนำอย่างเหมาะสมเมื่อใช้ฟังก์ชันลอยตัว
การลอยตัวเป็นคุณลักษณะที่เป็นอันตรายและอาจไม่ให้ผลลัพธ์ตามที่คุณคาดหวัง หากคุณพบองค์ประกอบลอยที่ขยายเกินขอบเขตของคอนเทนเนอร์โดยรอบหรือสถานการณ์ที่ผิดปกติอื่นๆ ตรวจสอบให้แน่ใจว่าคุณทำอย่างถูกต้อง ดูคำสอนของ Eric Meyer บนเว็บไซต์ Complex Spiral Consulting
3. ใช้ช่องว่างภายในหรือเส้นขอบเพื่อหลีกเลี่ยงการทับซ้อนกันของขอบเขต
คุณอาจต้องดิ้นรนเพื่อหาพื้นที่เล็กๆ น้อยๆ ที่ไม่ควรอยู่ตรงนั้น หรือคุณอาจไม่สามารถบีบพื้นที่เล็กๆ ออกมาได้เมื่อคุณต้องการ การทับซ้อนกันเป็นเรื่องง่ายหากคุณใช้ระยะขอบ Andy Budd อธิบายสิ่งที่เป็นไปได้บนเว็บไซต์ของเขา
4. พยายามหลีกเลี่ยงการระบุช่องว่างภายใน/เส้นขอบ และความสูงหรือความกว้างบนองค์ประกอบในเวลาเดียวกัน
IE เวอร์ชัน Windows มักทำให้เกิดปัญหาในการคำนวณความกว้างและความสูง มีวิธีแก้ปัญหานี้อยู่บ้าง แต่หากองค์ประกอบหลักจำเป็นต้องระบุความสูงและความกว้าง วิธีที่ดีที่สุดคือใช้ระยะขอบกับองค์ประกอบย่อยภายในองค์ประกอบหลัก หรือเมื่อองค์ประกอบย่อยจำเป็นต้องระบุความสูงและความกว้าง ใช้ช่องว่างภายในกับองค์ประกอบหลักเพื่อให้บรรลุผลนี้
5. อย่าพึ่งพาความกว้างขั้นต่ำ/ความสูงขั้นต่ำ
IE เวอร์ชัน Windows ไม่รองรับทั้งสองไวยากรณ์ แต่ในระดับหนึ่ง IE เวอร์ชัน Windows สามารถบรรลุผลเทียบเท่ากับความกว้างขั้นต่ำ/ความสูงขั้นต่ำ ดังนั้นตราบใดที่คุณเพิ่มฟังก์ชันการกรองบางอย่างลงใน IE คุณก็จะได้ผลลัพธ์ที่ต้องการ
6.หากมีข้อสงสัยให้ลดเปอร์เซ็นต์ก่อน
บางครั้งข้อผิดพลาดบางอย่างจะทำให้ 50%+50% กลายเป็น 100.1% ทำให้เกิดปัญหากับหน้าเว็บ ในเวลานี้ลองเปลี่ยนค่าเหล่านี้เป็น 49% หรือ 49.9%
7. จำวิธีเขียน "ปัญหา"
ไวยากรณ์แบบย่อของ Border, Margin และ Padding มีลำดับเฉพาะ โดยเริ่มจากด้านบนและหมุนตามเข็มนาฬิกา: บน, ขวา, ล่าง, ซ้าย ดังนั้นผลลัพธ์ของ Margin:0 1px 3px 5px คือไม่มีเส้นขอบที่ด้านบน ทางด้านขวาและอื่นๆ จำ "TRouBLe" แล้วคุณจะไม่เข้าใจลำดับผิด
8. ตราบใดที่ค่าไม่เป็นศูนย์ จะต้องระบุหน่วย
CSS กำหนดให้คุณระบุหน่วยสำหรับแต่ละแบบอักษร ระยะขอบ และค่าต่างๆ อื่นๆ (ข้อยกเว้นเพียงอย่างเดียวคือความสูงของบรรทัด)