postioon 定位

position定位

  1. static(默认),没有定位,元素不需要定位时  就默认即可
  2. fixed(固定),适用于浏览器窗口  ,适用于顶部固定定位
  3. absolute(绝对定位)相对于第一个reactive父元素  适合解决absoulte脱离文档流覆盖问题
  4. reactive(相对定位) 相对于自身定位 

absolute和reactive的区别:

  1.   reactive不脱离文档流 absolute脱离文档流  所以reactive适合做absolute的容器
  2. reactive只有两个值(left right bottom top)如果同时存在left会取代right  top会取代bottom 而absolute可以取4个值(left right bottom top)

 

posted @ 2022-11-24 13:04  噢噢噢J  阅读(19)  评论(0编辑  收藏  举报