zoukankan      html  css  js  c++  java
  • position中的四种属性

    Position有四个属性值,分别是static 、fixed、 relative 、absolute。

    第一个属性值是static,这是position的默认属性,一般我们都不会用到它,所以也很少提到它,但是在特殊的情况下,它又有着不可替代的作用,比如,在媒体查询页面当中,正常页面当中需要给元素加position属性,但是在响应式页面中不需要,这是就只能用position:static;没有position:none;的写法,网页也不会识别。

    第二个属性fixed——固定定位,fixed是相对于window窗口的定位,一般在网页中也会经常看到,例如置顶,等

    第三个属性值relative——相对定位;相对于自己本身的定位;这个定位一般是和absolute属性值一起用;相对定位不会破坏元素的文本流,但是会改变元素的视觉效果

    第四个属性值absolute——绝对定位;相对于父级元素的定位,如果没有父级元素时相对于窗口的定位;

    需要注意的是static relative这两个属性值是不会破坏元素的文本属性;但是fixed 和 abosulte则会改变元素的文本流,有float的效果。

  • 相关阅读:
    oracle 查看表空间使用率
    解决linux下vim中文乱码问题
    linux 时间同步
    oracle ho与mysql system命令
    mysql 重置root密码
    2020 10 26
    2020 10 24
    2020 10 23
    2020 10 22
    2020 10 21
  • 原文地址:https://www.cnblogs.com/keyng/p/12883832.html
Copyright © 2011-2022 走看看