个回答

• xiaoww

  2016-11-27 23:48:47

  已采纳

  当box的box-sizing属性为border-box时，padding不影响box的大小。

  1

• 慕无忌4230737

  2017-07-06 10:30:44

  为什么我按照老师说的打完代码浏览器不显示东西

  0

• xiaoww

  2016-12-04 23:08:04

  盒子模型尺寸基准有两种，分别是content-box和border-box  （默认是content-box）。理论上说，content-box 与 border-box 区别是：

    content-box盒子的宽度包含边框和内边距， 即盒子宽度=width+border+padding；    

  由于初始时padding为0，则content的宽度为width；随着padding值和border值不断增大，盒子宽度也跟着增大；

    border-box则已将边框和内边距计算在width中，即盒子宽度=width；且其内容 content 的大小为width的值减去边框和padding的值。即content=width-padding-border。如果调大padding值和border值，盒子宽度（也是width）不会改变， 但content会不断被挤进去而缩小。

  总结：对于border-box,调节border和padding，宽度不变，内容不断向内缩进去；

  对于content-box,调节border和padding,宽度改变，且不断向外扩张变大；

  
  

  1