在CSS中关于定位的内容是：position:relative（相对定位）absolute（绝对定位） static （无定位） fixed（固定定位）
relative 不脱离文档流也不会改变元素的类型。它是相对自己来进行定位的，参考自身静态位置通过top , bottom , left ,right 来进行 定位，并且可以通过z-index进行层次分级。一般它会用来给absolute做父级。
absolute 会完全脱离文档流并且可以改变元素类型，也是通过 top, bottom, left, right 来进行定位，但是它是相对定位父级的来定位的，如果没有定位父级就相对body坐标原点进行定位，可以通过z-index进行层次分级。一般用来做小图标和一些简单的动态效果。
static没有特别的设定，所有元素定位的默认值, 一般不用注明，除非有需要取消继承的别的定位。遵循基本的定位规定，不能通过z-index进行层次分级。
fixed 完全脱离文档流且可以改变元素类型。它所固定的对像是浏览器窗口而并非是body或是父级元素。可通过z-index进行层次分级。一般用来做返回顶部和一些广告的插入。
网友评论