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

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

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

 

  • static

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

  • relative

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

  • fixed

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

  • absolute

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

 

posted @ 2022-09-22 15:33  天青色等烟雨灬  阅读(182)  评论(0)    收藏  举报