box-sizing的用法

 box-sizing 规定两个并排的带边框的框：

例如

以上案例父元素是600px，子元素各占百分之五十，因为两个子元素有边框。导致没有浮动在一排

 

加了box-sizing:border-box 两个子元素边浮动在一起了

 

box-sizing:border-box 可以让元素的边框，边距加起来等于实际的宽度。