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

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

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

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

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)