元素定位

Position: fixed定位

元素的位置相对于浏览器窗口是固定位置，即使窗口滚动它也不会移动

Tips: 在IE7和IE8下需要描述!DOCTYPE才能支持。Fixed使得元素的位置与文档流无关，因此不占空间。Fixed定位元素会与其他元素重叠。可通过top、bottom、left、right进行进一步规定。

 

Position: static 定位

元素没有定位，遵循正常的文档流对象，静态定位元素不会受top、bottom、left、right影响。忽略z-index声明。

 

 

Position:absolute 定位

 

元素不占据原来的位置，脱离文档流，如果其父元素进行定位。否则相对于根元素html进行定位，会影响其他元素的位置定位。

 

 

 

Postion:relative 定位

 

元素占据原来的位置，不脱离文档流，其相对于自身原来的位置进行定位。不影响其他元素的布局。