类型和位置

    
    


    
    
    
独立宽高 默认占据一行
    
不会占据一行 不可设置宽高
    

        对内可有独立宽高 对外可跟其他元素在同一行
        可通过vertical-align调整对齐方式
    
    
    

        static
    
    

        relative相对元素本身偏移的
        不会改变它占据的空间
    
    

        absolute从文档流中脱离 独立的存在
        相对于最近的relative或absolute定位
        这个父级没有，就相对于body
        

            这个设置top left就是相对于父级
        
    
    

        fixed 脱离文档流 相对于可视区域是固定的 页面滚动缩放时
        它依然距离左边0 下边10px
    
    

        p5
    
    absolute和fixed的区别(参照物不同)
    -> 前者相对于最近的absolute或者relative
    -> 后者相对于屏幕(移动端是viewport)

position: sticky; 基于用户的滚动位置来定位。
粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。
它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。