经常在做一个页面的时候,希望一个元素不希望随着滚动条的滚动而动,这个时候就要用到fixed了
但是又不希望它根据整个窗口的左右两边定位(因为如果分辨率变小了,它与中间页面的距离就会变了)
希望达到的效果如下图所示

fixed不以body定位,相对于父级容器定位问题


解决方法:只需要使用margin定位就可以了

如图,最先开始使用left,right进行定位

fixed不以body定位,相对于父级容器定位问题

两个按钮是写在中间内部页面里面的
 

fixed不以body定位,相对于父级容器定位问题

效果在不同分辨率下,与中间页面显示距离有差别
1920px分辨率下:

fixed不以body定位,相对于父级容器定位问题

1366px分辨率下:

fixed不以body定位,相对于父级容器定位问题

采用margin定位后,就会根据父级元素定位 (例子中的div .caseDetail类 ):

fixed不以body定位,相对于父级容器定位问题

效果如下,无论何分辨率都以中间为定位,效果达成:

fixed不以body定位,相对于父级容器定位问题

 

相关文章:

  • 2021-09-24
  • 2021-05-15
  • 2021-07-03
  • 2022-12-23
  • 2021-08-11
  • 2022-02-08
  • 2022-01-19
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-12-30
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案