CSS 的4中定位方式

一、流动定位  style="position:static"

（默认方式）

无法通过css对其定位，不会因为top、left 的改变而移动

二、相对定位   style="position:relative"

它是流动布局的一种特殊形式。遵循文档流动的规则（保留在文档流中的位置），同时受left 、 top 的影响（以在文档流的位置为参照，进行偏移）。

三、绝对定位   style="position:absolute"

绝对定位完全脱离文档流，以最近的上级非静态定位的元素为参照对象进行定位。如果没有上级非静态元素，则以整个文档为参照对象

四、固定定位   style="position:fixed"

以浏览器窗口左上角为参照，进行定位。当拖动滚动条时不受影响