关于内边距的问题

关于内边距的问题

为什么内边距会让盒子变大。个人理解内边距 应该是让内容区在盒子的里面上下左右移动,为什么会让盒子变大??

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
逍遥MDC 2019-10-14 01:57:27

我没注意看字,所以也是错了好多,但是对我的记忆有很大帮助。而且很题目都出的很俊!感觉这老师不一般,至少是211等级师范毕业。

好帮手慕码 2019-10-12 09:42:18

同学你好!
在html中定义,padding表示内边距,又叫内填充,可以理解为从内容到边框填充的距离:

这是没有内边距的样子:

http://img1.sycdn.imooc.com//climg/5da12eb5092852f002800115.jpg

http://img1.sycdn.imooc.com//climg/5da12ec4099ca5c501340123.jpg

这是设置了内边距的样子:

http://img1.sycdn.imooc.com//climg/5da12fa30920df9401480218.jpghttp://img1.sycdn.imooc.com//climg/5da12ee3091de67a03350275.jpg

红色箭头处就是内边距的距离。它是会增大盒子的高度的。padding的用法就是这样的,同学记住即可。

如果帮助到了你,欢迎采纳,祝学习愉快~


  • 提问者 小杨同学呀 #1
    我是不明白 我明明挪动的内容区域 为啥会吧盒子变大
    2019-10-14 09:16:44
寻悦人 2019-10-11 22:40:54

因为现在讲的是单个盒子哦,CSS盒子大小的定义,如宽=左右边框+左右内边距+内容宽度,宽度随padding增加而增加,高度同理,所以盒子因padding的值变大而变大。

如果你想实现改变padding值,让盒子变位置,需要外面再加一个大盒子,这样你理解了么

  • 再补充一下,大盒子需要对小盒子这个内容,定义高和宽,这样小盒子就定型了,也就不会因padding值改变大小,而是改变相对位置
    2019-10-11 22:42:48
  • 提问者 小杨同学呀 #2
    我不是移动盒子 我是通过内边距调整内容的方向
    2019-10-11 22:43:16
  • 寻悦人 回复 提问者 小杨同学呀 #3
    盒子的值没有固定下来,换句话说就是盒子大小没有固定啊,大小不固定也就不清楚边在哪里
    2019-10-11 22:49:34
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师