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.元素使用固定定位之后,会转化为行内块(不推荐使用)

     

    努力的意义就是放眼望去以后都是喜欢的人和事......
  • 相关阅读:
    bzoj 1503
    bzoj 1193 贪心+bfs
    bzoj 1798 线段树
    Codeforces 804D Expected diameter of a tree
    bzoj 1208
    bzoj 3224
    HDU 5115 区间dp
    hihocoder #1162 矩阵加速dp
    分块入门
    bzoj 1036 树链剖分
  • 原文地址:https://www.cnblogs.com/Lorrained/p/13887626.html
Copyright © 2011-2022 走看看