请稍等 ...

关于padding-bottom的理解

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

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

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

1279

收起

提交取消

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 零基础入门到实战

参与学习 10673 人
提交作业 583 份
解答问题 8191 个

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

了解课程

本课精华内容

问答作业

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

1.8k 20

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

1.5k 19

首页swiper的轮播失效

2.6k 17

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

1.3k 16

swiper找不到module

1.6k 15

查看更多本课问答

意见反馈帮助中心 APP下载