zoukankan      html  css  js  c++  java
  • CSS中Position几种属性的总结

    定位position

    定位方向:left  right  top  bottom

    静态定位:static  默认值,就是文档流

    绝对定位:absolute   

    特点:

    1.不占据原来的位置(脱标)

    2. 元素使用绝对定位,位置是从浏览器出发的  bottom:100px;则元素距浏览器底部100px;  

    3.嵌套的盒子,父盒子没有使用定位,子盒子绝对定位,子盒子位置从浏览器出发

    4.嵌套的盒子,父盒子使用相对定位,子盒子绝对定位,子盒子位置从父元素出发

    5.给行内元素使用绝对定位之后,转换为行内块(不推荐使用)

    调整元素的层叠顺序,默认值0-999

    相对定位:relative    

    特点:

    1.使用相对定位,位置从自身出发

    2.还占据原来的位置

    3:子绝父相   

    4.行内元素使用相对定位不能转行内块

    固定定位:fixed

    特点:

    1.固定定位之后,不占据原来的位置(脱标)

    2.元素使用固定定位之后,位置从浏览器出发

    3.元素使用固定定位之后,会转化为行内块(不推荐使用)

     

    努力的意义就是放眼望去以后都是喜欢的人和事......
  • 相关阅读:
    马走日
    扩号匹配问题
    八皇后
    流感传染
    迷宫
    棋盘问题
    JAVA-初步认识-第二章-字符类型的运算续
    JAVA-初步认识-第二章-算术运算符1知识点整理
    JAVA-初步认识-第二章-算术运算符1
    JAVA-初步认识-第二章-类型运算细节
  • 原文地址:https://www.cnblogs.com/Lorrained/p/13887626.html
Copyright © 2011-2022 走看看