zoukankan      html  css  js  c++  java
  • css中的position(定位)

    一、position语法与结构

    position语法: position : static absolute relative 

    position参数:
    static :  无特殊定位,对象遵循HTML定位规则
    absolute :  将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过css z-index属性定义。此时对象不具有边距,但仍有补白和边框
    relative :  对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置

    二、绝对定位使用条件

    position:absoluteposition:relative绝对定位使用通常是父级定义position:relative定位,子级定义position:absolute绝对定位属性,并且子级使用left或right和top或bottom进行绝对定位。

    三、css绝对定位总结

    绝对定位如果父级不使用position:relative,而直接使用position:absolute绝对定位,这个时候将会以body标签为父级,使用position:absolute定义对象无论位于DIV多少层结构,都将会被拖出以<body>为父级(参考级)进行绝对定位。

    在绝对定位时候我们可以使用css z-index定义css层重叠顺序。

  • 相关阅读:
    9、二叉排序树的创建、插入、遍历
    8、判断两个链表是否相交
    7、判断链表是否有环
    6、查找单链表中倒数第n个节点
    5、单链表的反转
    4、KMP(看毛片)算法
    3、希尔排序
    2、快速排序
    json字符串转为json对象
    json对象转化为字符串过程分析
  • 原文地址:https://www.cnblogs.com/elementzhao/p/7076834.html
Copyright © 2011-2022 走看看