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

来源：7-4 Vue项目首页 - 首页轮播图

weixin_慕妹0008060

2019-12-04

overflow: hidden
width: 100%
height: 0
padding-bottom: 31.25%
不明白上面4行css的意思，老师能不能帮我讲解下？

写回答

1回答

weixin_慕妹0008060

提问者

2019-12-04

如果height:0，那么content也为0，按道理是没有图片显示的。因为padding-bottom是代表content与border-bottom之间的距离大小。老师，我不太理解？

weixin_慕妹0008060

Dell

我最新的理解是，padding-bottom是相对于目标元素的宽度的比例。比如你设置padding-bottom为50%,那么盒子模型就是一个正方形。还有，我现在对盒子模型最新的理解是，border和padding都可以显示目标元素的内容，margin不知道可不可以？

2019-12-07

共2条回复

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

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

10675 学习 · 8191 问题

相似问题

回答 1

回答 3

回答 1

回答 1

回答 1