CSS的绝对定位和相对定位

css定位标签position包括两个值：relative(相对定位)和absolute(绝对定位)，position样式一般都是和top、bottom、left、right一起使用来确定一个标签的位置。

1、position:absolute(绝对定位)：

　　标签的position被设置为absolute后，表示绝对定位，位置是从浏览器窗口的左上角算起，比如div:｛position:absolute;top:100px;left:200px｝，表示此div距离浏览器窗口左边200px，距离顶部100px;绝对定位的标签会脱离文档流，不再占用文档流的空间，可以使用z-index来决定其堆叠顺序。

2、position:relative(相对定位)：

　　标签的position被设置为relative后，表示相对定位，位置是从其原来的位置上算起，比如div:{position:relative;top:10px;left:20px;}，表示此div距离其原来的位置左边20px;距离上边10px;相对定位不会脱离文档流，仍然占据原来的空间，因此可能会覆盖其它框。

3、如果父标签是相对定位，其子标签是绝对定位，则子标签不在想对于浏览器窗口的左上角位置，而是相对于父标签的左上角的位置。