box-sizing屬性

weixin_34321977發表於2017-05-18

1、box-sizing屬性:當我們給盒子模型增加了border和padding之後保證盒子的高度和寬度不變。

2、如何保證增加了border和padding之後保證盒子的高度和寬度不變的?

      增加了border和padding之後保證盒子的高度和寬度不變需要減去一部分的內容的寬高。

3、取值:

content-box:預設的取值,元素的寬高 = 邊框+內邊距+內容的寬高(沒效果)

border-box:元素的寬高 = width屬性  (有效果)