• css百分比值到底参考谁?


    一、元素宽高设置百分比

    (1)width / min-width / max-width 参考块级父元素的宽度

    (2)height / min-height / max-height 参考块级父元素的高度

    二、内外边距

    padding和margin 默认在水平书写情况下,以块级父元素的宽度为参考,其他情况以块级父元素的高度为参考

    三、定位

    当元素使用position属性后,

    (1)left、right属性百分比值参考块级父元素的宽度

    (2)top、bottom属性百分比值参考块级父元素的高度

    四、字体

    参照父元素字体

    五、行高

    参照自身的字体大小

    六、边框圆角

    参考自身的宽度和高度

    七、平移

    translate时参考自身的宽度和高度

    注意:只有计算值是可以继承的。所以,即使一个百分比值用于父属性,一个真正的值,比如具体像素宽度 的值,将访问继承的属性,而不是百分比的值

    本文参考:https://www.cnblogs.com/shapeY/p/10199256.html

  • 相关阅读:
    AcWing 125. 耍杂技的牛
    AcWing 148. 合并果子
    AcWing 907. 区间覆盖
    AcWing 908. 最大不相交区间数量
    AcWing 906. 区间分组
    AcWing 905. 区间选点
    AcWing 285. 没有上司的舞会
    AcWing 1049. 大盗阿福
    AcWing 901. 滑雪
    AcWing 91. 最短Hamilton路径
  • 原文地址:https://www.cnblogs.com/zhuxingqing/p/11828614.html
Copyright © 2020-2023  润新知