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，数值越大表示拥有的优先级越高，该属性只对使用了定位的元素有效。
网友评论