6回答

• 

  不劳虎

  2016-02-11 03:58:39

  已采纳

  首先要弄清楚heigth和width指的是什么。实际上heigth和width定义的是盒子内部的内容区的宽和高。而你看到的由线框圈起来的“盒子”，是包括内容区+padding的。所以你定义了“padding：10px”后，盒子的大小自然改变了。

  1 3

  慕婉清913...

  感谢！！

  2016-02-11 16:15:15

  共 1 条回复 >

• 

  不劳虎

  2016-02-11 04:03:37

  padding是元素内容与边框距离，你视觉上看到的由线框圈起来的“盒子”是包括padding和内容区的，所以单纯增加padding值，盒子大小小自然会变了。

  0 0
• 

  _小白_39

  2016-02-09 08:21:03

  我也想不通为什么会变动呢

  0 0
• 

  枫的轻吟

  2016-02-01 17:01:34

  默认内边距是0  当你设置了边距是 里面内容不变 盒子的大小就会变 了

  1 0

  zmc190...

  能说具体点吗 蒙了 跟楼主问题一样

  2016-02-14 15:21:36

  共 1 条回复 >

• 

  qq_沉默是金十年不变_0

  2016-02-01 15:39:06

  你的理解错误，因为设置了padding:10px;要有效果，盒子就会变动，若不变动，其他设置就会变动，则设置不成立。也就没有设置意义，因为其他定量也成了变量。

  0 0
• 

  致_十年后的我

  2016-02-01 15:37:52

  你要的应该是这个

  margin:10px;

  padding对内，margin是对外。如果不明白的看回之前的视频
  

  2 0

  ablank 回复zmc190...

  就比如说盒子的宽度是（margin-left）+（border-left）+（padding-left）+（width）+（padding-right）+（border-right）+（margin-right）的和，假设为10px+5px+40px+200px+40px+5px+10px=310px，当（padding-left）和（padding-right）都增加到50px，其他部分不变，此时盒子的宽度就变成了330px，高度同理。所以盒子大小就变了呀。 不知道理解的对不对

  2016-02-21 00:43:52

  共 2 条回复 >