1.static
css中没有设置position样式时,默认就是static。位置设置为 static的元素,它始终会处于页面流给予的位置。没有脱离文档流(static 元素会忽略任何 top、bottom、left 或 right声明)
2.relative
css样式中position为 relative 的时候,可将其移至相对于原来位置的其他地方,例如"left:20px"会将元素相对与原来位置向左平移20像素。没有脱离文档流。
3.absolute
css样式中position为 absolute的时候,可以将元素相对其父元素,或者上级元素中距离最近的有relative的元素进行定位。此元素的位置可通过"left"、"top"、"right" 以及 "bottom" 属性来规定。元素脱离文档流
4.fixed
位置被设置为 fixed 的元素,可将元素相对于当前文档进行定位。此元素的位置可通过 "left"、"top"、"right"以及"bottom" 属性来规定。不论窗口滚动与否,元素都会留在那个位置。工作于 IE7(strict模式)。元素脱离文档流