浮动和定位

        <!-- 
        定位：position
        1.定位模式：
         static：静态的，默认的定位模式
         relative：相对定位，参照物是盒子本身,不会脱标！
         absolute：绝对定位，参照物是有定位父盒子，如果所有父盒子都没有定位，则参照body
         相对定位的盒子不脱标，绝对定位的盒子会脱标，经典应用：子绝父相/大相小绝
         fixed:固定定位，参照物是body
        2.偏移量：
        top上，bottom下，left左，right右
         -->

<!-- 传统的网页布局：标准流+浮动+定位
         标准流：标签的显示规则（显示模式）
         浮动：让块级盒子在一行内显示
         定位：实现标签在网页中精准定位-->
         <!-- 浮动float：
                1.浮动的盒子会脱离标准流（脱标）
            清除浮动的方法：
            1.额外标签法：隔墙法
            2.父级添加overflow:hidden属性
            3.父级添加after伪元素
            4.父级添加双伪元素
            
          -->