问答详情
源自:12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距(填充)

这里设置div的width:100px height:100px是盒子整体(内容+内外边距+边框)?

那既然既定了盒子大小,为什么设置填充10px后,盒子又变大了?

提问者:进击的菜猿 2016-05-07 22:47

个回答

  • 岫壑
    2016-05-07 22:59:37
    已采纳

    div的width:100px height:100px仅仅是内容的大小,而非盒子整体,


  • 进击的菜猿
    2016-05-08 10:59:57

    在 CSS 中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。http://www.w3school.com.cn/css/css_boxmodel.asp

    已解决。感谢各位。

  • 进击的菜猿
    2016-05-07 23:29:22

    好像明白了,因为不设置padding的时。padding默认为0. 

    设置padding为10px后。原来的宽度就要加上padding了。

    是这样吗?

  • qq_BeyondSky_0
    2016-05-07 23:07:14

    盒子模型中宽的定义:宽度定义是width+padding+border

  • 胖猪头
    2016-05-07 22:57:51

    因为盒子整体的大小=margin+padding+border+context

  • 慕粉3297577
    2016-05-07 22:57:07

    是内容加内边距加边框 就是你看到的。 填充就是内边距,内边距加10px 你说能不变大吗?

  • Smile伊尊
    2016-05-07 22:56:18

    因为盒子整体=边距+边框+内容+填充