源自：12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）
关于padding
为什么加了padding以后盒子大小也变了？为什么不是相对于盒子broder有10px；那如果想这样做的话，该怎么写？
提问者：qq_安安_17
2017-04-11 16:33
个回答
-
- 佩恩他哥
- 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
-
- 慕沐4985867
- 2017-04-11 17:00:18
100px 指的是box1里头的内容的高度；虽然你现在div里没写文字
-
- 别来无恙666
- 2017-04-11 16:52:29
你截图里height：100px 指的是box1里头的内容的高度；虽然你现在div里没写文字。
同理width； 你现在把100px认为成box1的宽高了，这是不对的。
-
- 洒洒洒洒洒
- 2017-04-11 16:39:52
padding是边框里距顶部距离