5.元素的position属性

5.元素的position属性

（1）定义：规定元素的定位类型。

（2）正常文档流：指的是没有用CSS样式去控制的HTML文档结构，代码的顺序就是网页展示的顺序。

（3）脱离文档流：指的是元素所显示的位置和文档代码不一致。

（4）static：默认值。没有定位，元素出现在正常的文档流中。

relative：生成相对定位的元素，相对于其在正常文档流中的位置进行定位（不脱离文档流）。

absolute：生成绝对定位的元素，相对于static定位以外的最近父级元素进行定位，即相对于其直接父级元素（脱离文档流）。absolute较少直接单独使用在正常的文档流中，主要运行于进行了相对定位的元素框架层里面，相对该层的左上点进行偏移。

fixed：生成固定定位元素，相对于浏览器窗口进行定位。

inherit：从父元素继承position属性的值。

（5）z-index属性：使用了relative、absolute、fixed三种定位后，都会使正常的文档流发生一定程度的改变，造成元素出现重叠的情形。为了能让重叠的元素有序的显示出来，需要在定位的相关元素加上z-index属性。其值是一个整数值，默认为0，数值越大表示拥有的优先级越高，该属性只对使用了定位的元素有效。