zoukankan      html  css  js  c++  java
  • 相对与绝对的区别,及固定位置的说明

    1.     Position细说

    Position:relative;

    Left:100px;

    Top:100px;

    Position:absolute;

    Left:100px;

    Top:100px;

    Positionrelative;如果设置值了,相对原来的位置进行调整

    二者区别

    1.        absolute会脱离标准流,relative不会,relative虽然给值了,但是依然占有着原来的位置。

    2.        Relative存在形影分离,所以一般情况下不建议添加值了,一般给子元素当参照位置,或者是元素的微调。

    3.        Absolute 会有一种现象压盖效果。

    Z-index层次关系,可以改变元素的层叠位置,所有的标签默认是0 z-index的值越大,该元素就在上方。

    备注:以后我们做定位的时候,尽量保持子绝父相

    Fixed 固定定位

    Position:fixed;

     

    脱离标准流的属性有哪些:float  position:absolute  position:fixed.

    Positionstatic;静态

  • 相关阅读:
    [uoj173]鏖战表达式
    [cf1168E]Xor Permutations
    [cf578F]Mirror Box
    [cf1261F]Xor-Set
    [loj2506]tree
    [atARC068F]Solitaire
    [atARC066F]Contest with Drinks Hard
    [cf1270I]Xor on Figures
    [cf516D]Drazil and Morning Exercise
    无题
  • 原文地址:https://www.cnblogs.com/Shinigami/p/9709311.html
Copyright © 2011-2022 走看看