CSS的定位方式（5种）

1.static:正常文档定位，此时top,bottom,left和z-index属性无效，块级元素从上往下纵向排布，行级元素从左往右排列 2.relative: 相对定位，此时的“相对”是相对于正常文档流的位置 3.absolute:相对于最近的非static定位祖先元素的偏移，来确定元素位置，比如一个绝对定位元素他的父级和祖父级元素都为relative,他会相对他的父级而产生偏移 4.fixe

>>阅读原文<<