固定定位(fixed)

固定定位是元素固定于浏览器可视区的位置。主要使用场景:可以在浏览器页面滚动时元素的位置不会改变。

语法:

选择器 { position:fixed; }

固定定位特点:

  1. 以浏览器的可视窗口为参照点移动元素
  2. 不占有原先的位置(固定定位也是脱标的,其实固定定位也可以看做是种特殊的绝对定位)

固定定位技巧-固定在版心右侧位置

  1. 让固定定位的盒子 lef:50% 走到浏览器可视区(也可以看做版板心)的一半位置
  2. 让固定定位的盒子 margin-lef:版心宽度的一半距离(多走版心宽度的一半位置)

就可以让固定定位的盒子贴着版心右侧对齐了!

版权声明:本文为本站原创文章,由37.2℃发表,转载请注明出处,保留一切权利!

转载请注明:转载于37.2度云笔记

发表评论

邮箱地址不会被公开。

微信