zoukankan      html  css  js  c++  java
  • css定位及叠放次序

    1、相对定位

    1、定位:将元素固定到指定的位置上

    2、组成:定位模式、边偏移 

    3、定位模式:相对定位

                    绝对定位

                    固定定位

    4、边偏移:top顶端偏移量

                  left 左侧偏移量

                  right 右侧偏移量

                  bottom 底端偏移量

    5、相对定位: 定义:相对于元素本身的位置

                   特点:不脱离标准流,占位置, 可以脱离父元素

    ①    position: relative;top: 300px; left: 1000px;

    2、绝对定位

    1、绝对定位: 1、如果父元素没有定位,就是相对于视口viewport

    2、如果父元素有相对定位,就是相对于父元素定位,脱离父元素的范围

    3、特征:脱离标准流,不占位置 

    ①     position: absolute;

          left: 100px;

          top: 300px;

    3、固定定位

    1、固定定位: 相对于浏览器窗口定位

    2、特征:脱标、不占位

    position:fixed

    3、添加定位后的元素自动的转化为行内块元素

    4、z-index叠放次序

    1、z-index的默认属性值是0,取值越大,定位元素在层叠元素中越居上

    2、如果取值相同,则根据书写顺序,后来居上。

    3、后面数字一定不能加单位。

    4、只有相对定位,绝对定位,固定定位有此属性,其余标准流,浮动,静态定位都无此属性,亦不可指定此属性

  • 相关阅读:
    【数量技术宅|金融数据分析系列分享】为什么中证500(IC)是最适合长期做多的指数
    异常控制流
    链接
    最小生成树的Prim算法(待修正版)
    最小生成树的Kruskal算法
    优先队列用法(转载)
    不相交集合的链表实现
    寻找通用汇点
    找零问题
    【Angular06】管道(类似vue的过滤器)、变更检测的工作原理
  • 原文地址:https://www.cnblogs.com/wangxue13/p/13516045.html
Copyright © 2011-2022 走看看