บทความนี้แนะนำปัญหาของการใช้แอตทริบิวต์ใหม่ขนาดของ CSS3 เพื่อแก้ปัญหาความกว้างของการตั้งค่า: 100%ก่อนตั้งค่าการขยายหรืออัตรากำไรขั้นต้นให้เกินองค์ประกอบหลัก
ไวยากรณ์Box-Sizing: Box Boxค่า 1. เนื้อหา-กล่อง
นี่คือความสูงของความกว้างที่ระบุโดย CSS2.1
ความกว้างและความสูงถูกนำไปใช้กับกล่องเนื้อหาขององค์ประกอบ
วาดการตกแต่งภายในและเฟรมขององค์ประกอบด้านนอกความกว้างและความสูง
ค่า 2 กล่องชายแดนความกว้างและความสูงขององค์ประกอบกำหนดกล่องขอบขององค์ประกอบ
กล่าวคือระยะทางภายในและเส้นขอบใด ๆ ที่ระบุไว้สำหรับองค์ประกอบจะถูกดึงภายในความกว้างและความสูงที่กำหนด
ความกว้างและความสูงของเนื้อหาสามารถรับได้โดยการลบเส้นขอบและระยะห่างจากภายในจากความกว้างและความสูงที่กำหนด
ค่า IIIกฎระเบียบควรสืบทอดค่าของคุณสมบัติการปรับขนาดกล่องจากองค์ประกอบหลัก
ตัวอย่าง <doctype html> <html> <head> <steyle> div.container {ความกว้าง: 100%; คำสั่งซื้อ -box; ; </div> </div> </body> </html> สรุปข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้