CSS(定位）

定位:

它允许你定义的标签相对于其正常位置，或者相对于父标签、另一个标签甚至浏览器窗口本身而出现的位置.
 

相对定位(relative)

相对定位是相对于它的起点进行移动，移动后原来的位置还被占用。

position:relative;/!开启相对定位/
top left right bottom:xxpx;/!四个属性设置标签的偏移量/

相对定位的特点:

1.当开启了标签的相对定位以后，而不设置偏移量时，标签不会发生任何变化.

2.相对定位是相对于标签在文档流中原来的位置进行定位.

3.相对定位的标签不会脱离文档流.

绝对定位(absolute)

绝对定位是不占空间的，运用了绝对定位的标签会脱离原来的文档流，浮动起来，因此视觉上会其他的标签重叠。

position:absolute/!开启绝对定位/
top left right bottom:xxpx;/!四个属性来设置标签的偏移量/

绝对定位的特点:

1.开启绝对定位，会使标签脱离文档流.

2.开启绝对定位以后，如果不设置偏移量，则标签的位置不会发生变化.

3.绝对定位是相对于离他最近的开启了定位的祖先标签进行定位（一般情况，开启了子标签

   的绝对定位都会同时开启父标签的相对定位）.

   如果所有的祖先标签都没有开启定位，则会相对于浏览器窗口进行定位.

固定定位

position:fixed;/!开启固定定位/
top lefgt right bottom:xxpx;/!四个属性来设置标签的偏移量/