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

    定位 postion:

    默认: static 即文档流定位。

    1.相对定位  (relative)

    1.不会影响其他元素,

    2.不脱离文档流

    3.但是呢 相对单位是占位置的,就是你偏移走了后,之前那个位置还会占这。这点要注意。

    4.自身偏移,相对于自己的位置来走,但会覆盖别人,可以用zIndex自己调整。

    2.绝对定位(absolute)

    1.绝对单位不占空间,和相对单位相反啊  ,相对定位是占着那个(占位) ,绝对单位不占。

    2.宽度有内容决定

    3.支持内联和块状 的样式,即支持所有的样式。

    4.脱离文档流了(即不占坑的..)

    5.相对于最近的 非static 元素单位,如果都是static ,那么会相对于可视区单位,可视区其实就是电脑屏幕。

    3.固定单位(fixed)

    1.不收任何元素影响

    2.宽度内容决定

    3.支持所有的样式(内联 + 块状)

    4.相对于可视区来定义,任何元素都不能影响到自己。

    4.粘性单位(sticky)

    1. 相对单位 + 固定单位的 产物

    2.当你即将不可视的时候(即 被拉走或超过浏览器屏幕的时候) 那时候他会变为固定定位,一直在边缘徘徊,类似于 滑块导航条,滑块下去,你死都不下去。

    完.  别白嫖啊 点个赞什么的啊.........

    本文来自博客园,作者:咸瑜,转载请注明原文链接:https://www.cnblogs.com/bi-hu/p/15551954.html

  • 相关阅读:
    [LeetCode 220.] 存在重复元素 III
    C++ 构造函数 & 析构函数
    [LeetCode 891.] 子序列宽度之和【hard】
    [LeetCode 447.] Number of Boomerangs
    HJ93 数组分组
    HJ77 火车进站
    [LeetCode 338.] 比特位计数
    线段树
    大数量问题的一般解决方法
    字典树
  • 原文地址:https://www.cnblogs.com/bi-hu/p/15551954.html
Copyright © 2011-2022 走看看