先了解一下。什么是可视区呢?

也就是我们浏览器窗口所展示的大小呀!

比如下面这张图就是我们的可视区呀! 

css3基础100问之固定定位是怎样实现的呢?(39)

缩小屏幕后。可视区跟着缩小呀! 

css3基础100问之固定定位是怎样实现的呢?(39) 

 

css3基础100问之固定定位是怎样实现的呢?(39)

固定定位小技巧!!!! 

例如: 

css3基础100问之固定定位是怎样实现的呢?(39) 

 先走浏览器宽度的一半,然后走版心盒子宽度的一半!利用margin

css3基础100问之固定定位是怎样实现的呢?(39) 

再让其离的远一点点效果就更好了我们改为405px. 

css3基础100问之固定定位是怎样实现的呢?(39)

css3基础100问之固定定位是怎样实现的呢?(39)

css3基础100问之固定定位是怎样实现的呢?(39)

相关文章:

  • 2021-12-12
  • 2022-03-01
  • 2021-10-20
  • 2022-02-08
  • 2021-12-11
  • 2022-12-23
  • 2022-12-23
  • 2021-04-16
猜你喜欢
  • 2021-12-21
  • 2021-09-14
  • 2021-11-23
  • 2022-12-23
  • 2021-09-29
  • 2021-12-01
  • 2021-06-25
相关资源
相似解决方案