CSS 有三种基本的定位机制:普通流、浮动、相对定位和绝对定位。 除非专门指定,否则所有框都在普通流中定位。
1、static定位(普通流定位) --默认定位
HTML 元素的默认值，即没有定位，遵循正常的文档流对象。
静态定位的元素不会受到 top, bottom, left, right影响。
2、float定位(浮动定位) 例：float:left
3、relative定位(相对定位) position:relative
相对定位元素的定位是相对其正常位置。
移动相对定位元素，但它原本所占的空间不会改变。
4、absolute定位(绝对定位) position:absolute;
绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>
其他：fixed 定位
元素的位置相对于浏览器窗口是固定位置。
即使窗口是滚动的它也不会移动：