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

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

进击的菜猿

2016-05-07 22:47

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

写回答 关注

7回答

  • 岫壑
    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

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题