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);

    能打败我的唯有时间
  • 相关阅读:
    jq 判断单选是否选中
    C# Split 分隔符为字符串及空格的处理
    MSSQL中的bit类型
    js 判断textarea 不为空
    [转]C#中out 及 ref 区别
    [转]asp.net中时间差的问题
    [转]C# Array 数组 及 一些操作
    Addr、@运算符与Pointer类型
    关于Pascal语言中的分号
    关于以后的文章
  • 原文地址:https://www.cnblogs.com/caoyonghong/p/8487006.html
Copyright © 2011-2022 走看看