前端入门：css样式之：浮动与定位-第三天

# 一、复习

1、 浮动

    - 添加浮动

         - float：left right none

    - 删除浮动

        - clear：left right botn

2、定位

    -position：relative相对定位     absolute绝对定位（包含块，） fixed，固定定位

    - 设置位置left：xxpx  bottom right

    - 定位的元素层级关系   -z-indx：number

# 三、浮动

1、添加浮动

    - float：

2、清除浮动

    - 概念：不是删除添加的浮动属性，而是清除上一个浮动元素对当前元素造成的影响

    - clear：left/right/bodth

 

# 四、定位

1、定位：精确的指定一个元素确定的位置

2、添加定位的属性名

    - position

3、定位属性值

    - 相对定位relative

        - 不会脱离文档流

        - 相对于元素初始位置，进行定位

    - 绝对定位：absolute

        - 会脱离文档流

        - 相对于页面的左上角位置，进行定位

        - 相对于父元素的左上角位置，进行定位

        - 包含快：距离当前元素最近的一个居具有定位属性的父元素，如果不存在这样的的父元素