开发者社区 > 云原生 > 容器服务 > 正文

css中如何做到容器按比例缩放

看完css中如何做到容器按比例缩放(烦请移步看看这篇文章)一文后,亲测确实可实现。但有一问题搞不明白:一般来说,width和height的值如果设置成百分数,那么它是按照父元素的宽度和高度来计算的,这里.wrap 的height=0,那.video中的height不也应该为0吗?但实测却不为0,是因为position的原因吗?为什么?谢谢解答!

展开
收起
杨冬芳 2016-06-13 17:40:26 2112 0
1 条回答
写回答
取消 提交回答
  • IT从业

    因为例子中wrap的实际高度是height + padding-bottom

    题主写个demo试一下就很明显了~
    screenshot
    题主你可以看下这里height文档说到:

    相对于元素的块容器高度

    这里说,百分比是相对于块容器高度的,并没有说相对于块容器height值的,对吧?那么在这里块容器高度是什么呢,就是父元素的height + padding-bottom

    2019-07-17 19:36:37
    赞同 展开评论 打赏

国内唯一 Forrester 公共云容器平台领导者象限。

相关电子书

更多
使用CNFS搭建弹性Web服务 立即下载
阿里云文件存储 NAS 在容器场景的最佳实践 立即下载
何种数据存储才能助力容器计算 立即下载