• css之absolute温习


      1、absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。(父元素不仅可以是相对定位(relative))

      2、当绝对定位的元素找不到定位类型是非static定位的父元素时,即相对于根元素进行定位(根元素一般是html)

      3、一般子元素设置为绝对定位,父元素需要设置为相对定位

      4、absolute元素可以通过top,left,bottom,right进行重新定位元素位置。

      5、对于absolute元素,top,left,bottom,right均为0,且 100%,height:100%时,则元素height确定,元素位置与top,left,bottom,right有关。

      6、对于absolute元素,如果没有设置height,则真实height为子元素height的和,展示height为父元素的height-top-bottom(如果top或bottom缺失,则展示height也为子元素height的和)

      7、对于absolute元素,如果设置了 100%或height:100%时,则真实height与展示height均为父元素的height(如果父元素也没有height的话,则为根元素height,即为html元素高度,即为屏幕高度)

      8、也就是说,对于absolute元素,height没有值或height:100%时,其height都会和父元素height有关,但计算公式不同。

      9、对于absolute元素,如果设置了height,则真实height和展示height为同一值。否则为不同值。

    公式:

    该元素的witdh = 父元素的width-left-right;

    该元素的height= 父元素的height-top-bottom;

    该元素位置(该元素left,该元素top);

    能打败我的唯有时间
  • 相关阅读:
    工作生活中需要知道的常识名词
    ICON的设计很重要
    100offer 为专业程序打造的招聘平台
    2014年工作生活大总结
    游戏模块分析总结(3)之引导篇
    游戏模块分析总结(2)之UI、操作篇
    数字证书及CA介绍
    Hyperledger Fabric密码模块系列之BCCSP(五)
    GDB十分钟教程
    Hyperledger Fabric密码模块系列之BCCSP(四)
  • 原文地址:https://www.cnblogs.com/caoyonghong/p/8487006.html
Copyright © 2020-2023  润新知