CSS定位position

CSS定位position:

一、html中常用的布局方式
1.标准流（顺序布局）
2.浮动
3.定位

二、两大元素

1.块级元素（自动换行）

2.内联元素（不换行）

    HTML中的2大元素：块状元素（div、H1段落、有序无序列表【ol、al、li】、table、P段落等）、内联元素（超链接a、span、img、input控    

    件等）
   块状元素独占一行空间；内联元素不独占，统一排列在一行中，空间不足时，才挤压到下一行

三、position属性的含义以及意义

 1.决定了元素将如何定位；

 2.通过top、left、bottom、right实现定位：

 3.position可选参数

   1）static:默认；
   2）relative：相对，可以使用left top bottom right 来改变位置
        top，left以向下和向右为正坐标
        bottom, right是以向上和向左为正坐标
   3）absolute:脱离文档流
   4）fixed:固定定位
   5）inherit：继承父元素的属性

四、z-index

  1.可以设置元素的叠加顺序，但依赖定位属性；

  2.值较大的元素会覆盖值较小的元素；

  3.值为auto的不参与层级比较；

  4.值为负值，元素被普通刘覆盖；