位置固定时停止重叠

Question

我试图阻止左 div 滚动。我已将其位置设置为固定，但现在它与正确的位置重叠。我能做些什么？我试过 position: relative 和 absolute 到正确的 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

将col-sm-offset-7 类添加到col-sm-5 元素。

当您将元素的位置设置为absolute 或fixed 时，它将从relative 和static 元素的流中移除，从而腾出其在该流中的空间，允许后续元素“向上移动”（或留在你的情况）在它的位置。

假设您使用的是 Bootstrap，您的 col div 会向左浮动，因此当您将 col-sm-7 固定时，它会从流程中拉出，从而使 col-sm-5 一直浮动到其他位置的左侧元素在从流程中移除之前曾经存在。