CSS Điền phụ huynh div 100% sạch

Question

Tôi muốn có thể điền vào div của cha mẹ chính xác 100% với một khoảng con. Vấn đề là khoảng thời gian mà tôi muốn lấp đầy nó với chủ đề là themeroller và nó có các phần đệm và lề khác nhau. Vì vậy, tôi không thể mã cứng bất kỳ kích thước nào cho chiều cao của nhịp.

Nếu tôi cố gắng đặt chiều cao của khoảng thành 100% thì nó thực sự đi qua và lấp đầy hơn 100% + 6 pixel cho chủ đề này (nhưng số lượng thay đổi theo chủ đề). Làm thế nào để bạn làm cho nó như vậy không có vấn đề gì kích thước padding/lề cho span nó sẽ chỉ bao giờ điền vào 100% div cha mẹ?

Cảm ơn bạn rất nhiều vì đã giúp đỡ.

Answer 1

-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;  
box-sizing: border-box; 

Xem http://jsfiddle.net/mbB8t/2/

làm rõ: Làm việc cho tất cả các trình duyệt hiện đại (IE8 +).

Answer 2

Để thực hiện công việc này, bạn phải tính toán giá trị của gối và lề bằng cách thêm 2xwidth của nhịp cộng với chiều cao. sau đó bạn có thể biết giá trị nào để sử dụng cho span để làm cho nó lấp đầy div cha. kiểm tra các ví dụ ở đây http://www.phcityonweb.com/tutorial/css-programming-lessons/margin-padding