前端学习笔记十三

元素定位

position ：static 自动定位（默认定位方式）无法通过边偏移属性（top、bottom、left或right）来改变元素的位置。

position ：relative 相对定位，相对于其原文档流的位置进行定位 通过边偏移属性改变元素的位置，但是它在文档流中的位置仍然保留。

position ：absolute 绝对定位，相对于其上一个已经定位的父元素进行定位，若所有父元素都没有定位，则依据body根元素进行定位

绝对定位的特性

•包裹性

–根据实际内容来撑开绝对定位元素的大小。

•破坏性，导致父容器塌陷

–由于脱离了文档流，导致父容器塌陷。

•悬浮性

–会漂浮起来，在原始流的元素之上。

position ：fixed 固定定位，相对于浏览器窗口进行定位     IE6浏览器不支持固定定位

四个边偏移属性：top、bottom、left、right

z-index的默认属性值是0，取值越大，定位元素在层叠元素中越居上。