zoukankan      html  css  js  c++  java
  • CSS深入理解学习笔记之relative

    1、relative和absolute的相煎关系

      限制作用:①限制left/top/right/bottom定位;②限制z-index层级;③限制在overflow下的嚣张气焰。

      relative和fixed限制作用:限制z-index层级。

    2、relative和定位

      特性:①相对自行进行定位;②无侵入,不影响其他元素布局。

      top/bottom和left/right对立属性同时存在时的表现:top>bottom left>right

    3、relative和层级

      提高元素的层叠上下文。

      新建层叠上下文与层级控制:relative元素的z-index是auto的时候,不会限制子元素的层叠。(IE8+)

    4、relative的最小化影响原则

      定义:尽量降低relative属性对其他元素或者布局的潜在影响。

      原则:①尽量避免使用relative;②relative最小化,将需要absolute定位的元素放到一个空的relative元素中。

  • 相关阅读:
    Java
    Java
    Java
    Java
    Java
    Hang Gliding线段树
    Biggest Number深搜
    2021年暑假康复性训练(Codeforces Round #731 (Div. 3))全题解
    Python GUI tkinter 随机生成题目
    ModuleNotFoundError: No module named ‘exceptions‘ 情况解决
  • 原文地址:https://www.cnblogs.com/tinyTea/p/7211056.html
Copyright © 2011-2022 走看看