LinMinquan's Blog

Experience technology to change life

关于box-sizing border-box

其实这个概念蛮好理解的,就是把content, padding, border塞到一个box里,这样在指定width时直接指定的是这个box的width,而不像以前要把content width + padding width * 2 + border width * 2,这样设置起来更方便,也容易理解。

要注意的是不包括margin width。

The CSS Box Model

https://www.w3schools.com/Css/css_boxmodel.asp

CSS Box Sizing

https://www.w3schools.com/Css/css3_box-sizing.asp

学会使用box-sizing布局

https://www.jianshu.com/p/e2eb0d8c9de6

box-sizing

https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing

box-sizing使用场景

https://www.jianshu.com/p/2f2cf326795d

 


Share