1. 程式人生 > >box-sizing的用法

box-sizing的用法

-1 load ges https upload blog 兩個 nbsp 邊框

box-sizing 規定兩個並排的帶邊框的框:

例如技術分享

技術分享

以上案例父元素是600px,子元素各占百分之五十,因為兩個子元素有邊框。導致沒有浮動在一排 技術分享

加了box-sizing:border-box 兩個子元素邊浮動在一起了 技術分享

技術分享

box-sizing:border-box 可以讓元素的邊框,邊距加起來等於實際的寬度。

box-sizing的用法