修复了引导网格右侧的 div

Question

我在网页中有两个 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 { 位置：固定； }

当我尝试使用上面的代码时，固定的 div 重叠在左侧 div 上。

我在右侧 div 中添加了 col-lg-7 偏移量。

class="col-lg-5 固定 col-lg-7-offset"

div 右对齐，但在 div 包装器之外。我的意思是 div 浮动到具有背景的主 div。

如何在包装器 div 中将 div 固定到右侧。

Answer 1

首先，您需要删除偏移量，因为它会将其向另一个 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 列一起使用，第二行也是如此。这个空白空间可能会给您带来麻烦。