box-sizing 规定两个并排的带边框的框:
例如
以上案例父元素是600px,子元素各占百分之五十,因为两个子元素有边框。导致没有浮动在一排
![](https://i-blog.csdnimg.cn/blog_migrate/33c5ee68c56ae2e86040f6a6af7302a7.png)
加了box-sizing:border-box 两个子元素边浮动在一起了
![](https://i-blog.csdnimg.cn/blog_migrate/dee71cef0bde40e7e7f635a7cab5f970.png)
box-sizing:border-box 可以让元素的边框,边距加起来等于实际的宽度。
box-sizing 规定两个并排的带边框的框:
例如
box-sizing:border-box 可以让元素的边框,边距加起来等于实际的宽度。
转载于:https://www.cnblogs.com/pangbo1213/p/7350037.html