你这里icons设置padding-bottom: 50%，高度是宽度的一半，为啥icon设置成padding-bottom: 25%;

首页课程实战体系课手记专栏慕课教程

你这里icons设置padding-bottom: 50%，高度是宽度的一半，为啥icon设置成padding-bottom: 25%;

来源：7-5 Vue项目首页 - 图标区域页面布局

慕函数0445997

2019-11-23

宽度和高度就一致了，没搞懂

写回答

2回答

cebrandy

cebrandy

2020-01-14

padding-bottom是根据父元素的width值进行计算的

1

0

Dell

Dell

2019-11-24

这个width 是相对于这个外部dom的宽度的，icon是宽度的1/4，区域高度是宽度的1/2，所以icon占一半的高度。

0

0

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

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

10675 学习 · 8191 问题

相似问题

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

回答 3

第二个的宽度是25%,那它是相对于哪个的宽度的25%

回答 1

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

回答 1

.icon中的height:0是什么意思？

回答 1

关于padding-bottom的理解

回答 1

打开慕课网App查看更多内容