位置固定时停止重叠

Question

我试图阻止左侧div滚动。我已将其位置设置为固定，但现在，它与正确的位置重叠。我能做什么？我已尝试过立场：相对而且绝对正确的div但没有任何反应。

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-7">
        </div>
        <div class="col-sm-5">
           <div id="googleMap"></div>
        </div>
    </div>
</div>

Answer 1

将班级 for i in range(100): print i i = i +10 添加到col-sm-offset-7元素。

当您创建元素的位置col-sm-5或absolute时，它会从fixed和relative元素的流中移除，从而腾出其中的空间，允许随后的元素“向上移动”（或留在你的情况下）取代它。

假设您正在使用Bootstrap，您的static div会向左浮动，因此当您col修复时，它会被拉出流量，使col-sm-7一直浮动在从流程中移除之前的另一个元素的左侧。