width和height定义的数值不是固定的吗?怎么改变padding的值盒子的大小都变了?

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

qq_韶华易逝_1

2016-07-11 10:48

增大padding的值盒子的高度和宽度都有变化

写回答 关注

2回答

  • 慕运维2568578
    2016-07-11 11:11:10

    我们所设置的div 的width、height 是div里面内容部分的宽和高,而设置的padding是在内容之外的填充,需要注意的是:padding和border会把div撑大,你可以看看Chrome调试器里面的盒子模型

    qq_韶华易...

    就是说整个盒子模型的宽度和高度不能先被定义,而是系统自己计算的吗?

    2016-07-11 11:14:44

    共 1 条回复 >

  • 损失函数
    2016-07-11 11:00:54

    padding是指内边距的值,宽和高确实是固定的,下面这张图片可以看清楚

    http://img.mukewang.com/57830b8c0001f6d401990175.jpg

    阴影部分宽和高都是100px,但增大padding的值时,它距离边框线的距离就大了,看起来就是整个盒子变大了。

    望采纳!

    损失函数 回复qq_韶华易...

    你定义的就是整个盒子模型的宽度和高度,但你设置了padding内边距值就相当于给盒子撑大了,你可以设置margin值试试,不会对盒子大小有任何变化,因为margin值是外边距。

    2016-07-11 11:13:15

    共 2 条回复 >

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

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

1225294 学习 · 18230 问题

查看课程

相似问题