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元素中。

  • 相关阅读:
    hdu1824-Let's go home:图论2-SAT
    acdream:Andrew Stankevich Contest 3:Two Cylinders:数值积分
    POJ 2516 Minimum Cost (KM最优匹配)
    LightOJ
    LightOJ
    HDU
    LightOJ
    LightOJ
    CodeForces
    CodeForces
  • 原文地址:https://www.cnblogs.com/tinyTea/p/7211056.html
Copyright © 2011-2022 走看看