zoukankan      html  css  js  c++  java
  • 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);

    能打败我的唯有时间
  • 相关阅读:
    用redux-thunk异步获取数据
    用react + redux + router写一个todo
    用react+redux写一个todo
    给产品经理算的一卦。。。
    不知道为什么,我这里出了问题
    通过回调函数阻止进程创建(验证结束,方案完全可行)
    内核回调的触发时机
    我犯下的错误
    搬家完成
    sqlmap从入门到精通-第七章-7-14 绕过WAF脚本-overlongutf8.py&overlongutf8more.py
  • 原文地址:https://www.cnblogs.com/caoyonghong/p/8487006.html
Copyright © 2011-2022 走看看