box-sizing的用法

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

例如

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

 

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

 

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

posted @ 2017-08-12 14:09  undefined-  阅读(281)  评论(0编辑  收藏  举报