css实现标签固定悬浮在某个位置(position:fixed)

关键用到的就是固定定位（position:fixed）和层叠属性（z-index）

<div class="fix-box"></div>

<style>
   .fix-box{
   
      text-align: center;
      top:35px;
      position:fixed;
      z-index:100;
   }
</style>

知识点详细解析
position:fixed：

• 盒子将脱离原来的文本流，进入到新的一层

• 会盖在原来文本流之上，并且可以通过left right top bottom 四个属性，对盒子进行移动，移动的基准是浏相对于览器视窗，与其他盒子无关

• 盒子固定定位后，回脱离原来的文本，同样将不在具有原来的特性，宽高由内容撑开，margin:会叠加;
  一般不用margin进行位置改变任何盒子都可以fixed

• 代码形式如下：

position:fixed;//设置位置属性;
left/right/top/bottom/right:10px