position属性的值有哪些？各个值是什么含义？

position属性规定用于元素定位的方法类型

元素其实是使用top,bottom,right,left来定位的;除非首先设置了position,否则这些属性不起作用

 

• static

html默认情况下的定位方式static(静态),不受上述属性的影响,根据页面的正常流进行定位

• relative

相对于其正常位置进行定位;根据top,bottom,right,left属性的值进行位置的调整

• fixed

相对于视口进行定位,这意味着即使滚动页面,它也始终处于同一位置

• absolute

相对于最近的定位祖先元素进行定位;如果绝对定位的元素没有祖先,那么将使用文档主体(body)并随页面一起滚动