กับการกำหนด padding ใน chrome ie firefox safari ด้วย CSS
หน้าแรก CSS กับการกำหนด padding ใน chrome ie firefox safari ด้วย CSS
ได้มีโอกาสเขียนเว็บโดยใช้ CSS เป็นหลักแล้วเจอปัญหาเกี่ยวกับการกำหนด padding ใน
ปัญหานี้สามารถแก้ไขได้โดยการกำหนด box model ให้เหมือนกันด้วย css เพื่อให้ตัว render หน้าเว็บ ทำงานไปในทางเดียวกัน สิ่งที่ต้องเพิ่มลงไปใน style ของ object ที่เราต้องการกำหนดคือ
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
การกำหนดค่าแบบนี้ จะเป็นการสั่งให้ browser คำนวณความกว้างของ content จากขอบของ container เหมือนกับที่ IE ทำนั่นเอง
ขึ้นไปด้านบน