zoukankan      html  css  js  c++  java
  • CSS定位

    定位分类

    无定位、相对定位、绝对定位、固定定位。

    无定位

    不设置position属性即无定位。

    设置left,top,bottom,right等偏移属性时无效。

    相对定位

    通过position:relative设置。

    设置left,top,bottom,right等偏移属性时元素偏移,但是注意!

    元素之前占据的位置不会因为偏移而被其他元素占据,而且也不会挤占其他元素位置。

    绝对定位

    通过position:absolute设置。

    设置left,top,bottom,right等偏移属性时元素偏移,与相对定位类似,不同之处!

    1.元素之前占据的位置会因为偏移而被其他元素占据。

    2.绝对定位可以改变参照物,参照物是设置了定位的父元素(有可能是父元素的父元素或者祖先元素,因为必须设置了定位),有了参照物,偏移时根据参照物的位置来偏移,若父元素都没有设置定位,那么根据body来偏移。可以利用父元素实现相对定位,元素再采用绝对定位配合使用。

    固定定位

    通过position:fixed设置。

    固定元素所在位置。

  • 相关阅读:
    HDU 4578
    Luogu 3373
    HDU 6343
    2018牛客网暑期ACM多校训练营(第五场) F
    2018牛客网暑期ACM多校训练营(第五场) E
    2018牛客网暑期ACM多校训练营(第四场) A
    POJ 3580
    HDU 1890
    ZOJ 4029
    2018牛客网暑期ACM多校训练营(第三场) H
  • 原文地址:https://www.cnblogs.com/hzozj/p/11265147.html
Copyright © 2011-2022 走看看