Html的box-sizing:border-box用法

Html的box-sizing:border-box用法

1. 当你没有给盒子添加宽高的时候，这条指令可以防止内容将盒子撑开。
2. 当你给盒子添加一定的宽高后，那么你所设置的边框就会在盒子的内部占你所设置的像素。
3. 而当你没有设置宽高的时候，设置边框属性还是会占像素。
4. 所以这条指令的主要作用就是防止盒子的内容撑开盒子。
5. 这条指令可以写在通配符选择器中，就可以不用一直添加这个样式。
6. 盒子内容的宽高等于你所设置的宽高减去你所设置的边框再减去内边距。