2013-01-24 33 views
6

Im làm việc trên một trang web và im bằng cách sử dụng phương pháp kích thước hộp để ngăn chặn divs phá vỡ kích thước khi padding được thêm vào.Chrome không hỗ trợ kích thước hộp?

Tôi có sau ...

-moz-box-sizing:padding-box; 
box-sizing:padding-box; 
-webkit-box-sizing:padding-box; 

Có ai biết về một vấn đề liên quan đến chrome hỗ trợ này?

+1

Tôi nghĩ bạn có thể sử dụng "hộp kích thước: hộp viền;" và điều đó cũng sẽ hoạt động trong Chrome. –

+1

border-box không giống như hộp đệm Billy – Tomkay

Trả lời

4

Bạn có thể sử dụng box-sizing: border-box; ở vị trí của box-sizing:padding-box;.

padding-box là thử nghiệm và bao gồm kích thước đệm theo chiều cao và chiều rộng của phần tử, nhưng không bao gồm đường viền hoặc lề.

border-box; đã được khoảng một thời gian và bao gồm kích thước đệm và đường viền ở chiều cao và chiều rộng của một phần tử chứ không phải lề. Nó được hỗ trợ bởi tất cả các trình duyệt chính, nhưng yêu cầu một tiền tố trong Firefox. Ví dụ:

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

Để biết thêm, hãy xem https://developer.mozilla.org/en-US/docs/CSS/box-sizing.

Các vấn đề liên quan