内外边距问题

父元素设置了宽度，子元素设置内边距，会不会宽度超过父元素

邹沪申 2019-08-15

源自：盒子模型 4-8 课程总结

4

收起

1回答

好帮手慕嘟嘟回答被采纳获得+3积分 2019-08-15 13:48:38

同学你好，

① 如果给子元素设置内边距以后，子元素的宽度大于父元素的宽度，那么子元素宽度会超过父元素的。

② 举个例子：

父元素的宽度是150px,设置了内边距的子元素宽度是165px;

效果：

如果还有疑惑，可以在问答区再次提问，我们会继续为你解答的。

如果我的回答帮助了你，欢迎采纳，祝学习愉快~

邹沪申提问者 #1

子元素不设置宽度呢

2019-08-15 13:52:08
好帮手慕嘟嘟回复提问者邹沪申 #2

同学你好，如果不给子元素设置宽度，子元素会默认父元素的宽度哦；因为子元素默认父元素的宽度，所以padding值就不会把盒子撑大，padding值会占据内容区域的宽度哈~

2019-08-15 15:17:58

相似问题

不清除内外边距

设置content内上边距100px和设置top外上边距100px不是一样吗？

为什么这添加了内边距会变成这样子

在设置外边距的时候，什么时候是合并的？

关于内边距的问题

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载