4回答

• 

  佩恩他哥

  2017-04-11 16:42:58

  已采纳

  盒子的width=margin-left +margin-right + border-left+border-right+padding-left+padding-right+内容的width

  所以代码中的盒子width = 10px *2 + 1px*2 +100px

  同理height
  

  1 0

  qq_安安_...

  非常感谢！

  2017-04-11 16:52:56

  共 1 条回复 >

• 

  慕沐4985867

  2017-04-11 17:00:18

  100px 指的是box1里头的内容的高度；虽然你现在div里没写文字

  1 0

  qq_安安_...

  写了，盒子那俩字就是div里面的呀

  2017-04-11 17:03:42

  共 1 条回复 >

• 

  别来无恙666

  2017-04-11 16:52:29

  你截图里height：100px 指的是box1里头的内容的高度；虽然你现在div里没写文字。

  同理width； 你现在把100px认为成box1的宽高了，这是不对的。

  1 0

  qq_安安_...

  10px变化的是文字内容离边框的距离，把内容weigth从0增加到10px,然后盒子为了满足这个增加，就变大了？

  2017-04-11 16:57:38

  共 1 条回复 >

• 

  洒洒洒洒洒

  2017-04-11 16:39:52

     padding是边框里距顶部距离

  1 0

  qq_安安_...

  padding里面1个数值不是表示上下左右么？和文字距离10px的话，为什么盒子大小也要变呢？如果盒子不变要怎么写啊？

  2017-04-11 16:44:06

  共 1 条回复 >