请稍等 ...

关于padding-bottom的理解

我们课程里经常会用padding-bottom撑开这个框，但是具体的细节和原理还是不太理解，可以讲一下嘛～

qq_慕沐932272 2020-10-08 10:17:56

源自：7-8 Vue项目首页 - 开发周末游组件

1361

收起

提交取消

1回答

Dell 2020-10-10 23:20:41

利用了一个hack，padding-bottom的比例是按照副元素宽度来计算比例的

0 回复有任何疑惑可以回复我~

收起回答

慕少8273844 #1

还是没明白什么意思？padding-bottom 不是div  离底部的内边距的距离吗？不知道为什么能跟宽度搭上关系？

回复有任何疑惑可以回复我~ 2021-07-15 15:54:01

Dell 回复慕少8273844 #2
```
padding-bottom 是以外部容器的宽度为计算尺寸的
```
回复有任何疑惑可以回复我~ 2021-07-18 21:26:14

相似问题

padding-bottom:31.25%，我无法理解

老师，实在不能理解width：100%，heigh：0 padding-bottom:50%

关于padding和margin的问题

轮播图父级使用padding-bottom按比例撑开，高度0！父级高度设置为0，而内部子集设置的高度都是100%，怎么能撑开呢？？？

这里底部的问题是不是可以通过给内部滑动容器加个padding-bottom解决吧

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

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

参与学习 10702 人
提交作业 600 份
解答问题 8203 个

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

了解课程

本课精华内容

问答作业

今天新建了一个分支，git pull时发现报错

1.9k 20

我的也是，进入的动画没有效果

1.6k 19

首页swiper的轮播失效

2.8k 17

6-3 按老师的操作改了路由但是显示主页的仍然是去哪儿网的页面

1.4k 16

swiper找不到module

1.7k 15

查看更多本课问答

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

关于padding-bottom的理解

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

1回答

相似问题