首页 > 代码库 > box-sizing的用法

box-sizing的用法

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

例如技术分享

技术分享

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

 

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

 技术分享

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

box-sizing的用法