为什么修改了position后，bootstrap中的col-md出现混乱的情况？

Question

之前一直正常，在
如果用如下方式

<div class="col-md-2 left">
<div class="col-md-10 main">

.main{
    potion：fixed；
    left：0px；
    right：0px；
}
.left{
    potion：fixed；
    left：0px；
    right：0px；
}

这样使用了，后面的div会移到前面的div上面。。。
大神可以给个方法解决吗

问题是这样的

可不可以，修改成这样的，但是要铺面屏幕

Answer 1

用 z-index 属性调节上下。
更详细的请提供可运行例子。

btw，根据你的评论，加上一个例子：
https://jsfiddle.net/DTcHh/35...

<div class="wrapForFixed">
  <div class="container">
    <div class="row">
      <div class="col-xs-2 left">123</div>
      <div class="col-xs-10 main">456</div>
    </div>
  </div>
</div>