为什么这里height设置为0可以使每个icon占区域50%的高？

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

为什么这里height设置为0可以使每个icon占区域50%的高？

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

蛋挞狂魔

2021-02-23

<style lang="stylus" scoped>
    .icons
      overflow: hidden
      height:0
      padding-bottom: 50%
      background: green
      .icon
        position: relative
        overflow: hidden
        height: 0
        float: left
        width: 25%
        padding-bottom: 25%
        background : red

写回答

1回答

Dell

Dell

2021-02-24

可以的

0

2

Dell

回复

蛋挞狂魔

高度的外边是padding，你的50%的高度，实际上不是height，而是padding。

2021-02-25

共2条回复

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

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

10675 学习 · 8191 问题

相似问题

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

回答 1

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

回答 2

search-content没有设置高度的情况下为什么会占满余屏幕

回答 4

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

回答 3

为什么下面这个区域没有变红？

回答 1

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