Twitter bootstrap 修复了引导网格中右侧的div

我在网页中有两个div元素。左和右。根据要求，右div必须固定但响应灵敏，左div必须正常浮动。这是一个html页面，有背景，左右两侧都有填充

<div class="wrapper">
    <div class="col-lg-7 ">
        <div class="row">

        </div>

    </div>
    <div class="col-lg-5 fixed">
        <div class="row">

        </div>
    </div>
</div>

样式表是

.fixed{位置：fixed；}

当我尝试使用上述代码时，fixed div重叠在左侧div上

我将col-lg-7偏移量添加到右侧div

class=“col-lg-5固定col-lg-7-偏移”

div与右侧对齐，但位于div包装的外部。我的意思是div是浮动到主div的背景

---

如何将div固定到包装器div内的右侧。

首先，您需要删除偏移量，因为它会将其偏移到另一个div

其次，您不需要在当前设置中使用固定位置，因为在某些屏幕分辨率下，固定位置将保持不变，而非固定位置将四处移动，在这种情况下，固定位置将与固定div重叠

此外，您的设置并不理想，您应该将行置于列之外

例如：

<div class="wrapper">
    <div class="row">
        <div class="col-lg-7 ">
        </div>
    </div>

    <div class="row">
        <div class="col-lg-5 fixed ">
        </div>
    </div>
</div>

---

但通过这样做，您现在在第一行中有5列，应该与其他7列一起出现，在第二行中也是如此。此空白可能会给您带来问题。

首先，您需要删除偏移量，因为它会将其偏移到另一个div

其次，您不需要在当前设置中使用固定位置，因为在某些屏幕分辨率下，固定位置将保持不变，而非固定位置将四处移动，在这种情况下，固定位置将与固定div重叠

此外，您的设置并不理想，您应该将行置于列之外

例如：

<div class="wrapper">
    <div class="row">
        <div class="col-lg-7 ">
        </div>
    </div>

    <div class="row">
        <div class="col-lg-5 fixed ">
        </div>
    </div>
</div>

---

但通过这样做，您现在在第一行中有5列，应该与其他7列一起出现，在第二行中也是如此。这个空白可能会给您带来问题。

但我需要两个div并排显示内容必须并排显示，右侧div必须固定。有没有其他方法可以解决我遇到的问题。但我需要两个div并排显示内容必须并排显示，右侧div必须固定。有没有别的办法解决我遇到的问题。