css - 侧边栏未加载正确的位置

Question

我在 wordpress 上使用了一个主题氧主题，但是侧边栏显示不正确你可以在这里看到它的 url

http://212.159.70.57/karen/product-category/women/

您可以看到侧边栏显示在左下角我已经尝试更改主 div 容器的宽度来修复它，但它似乎没有解决问题

Answer 1

问题是产品所在的容器有一个“行”类，它给出了 100% 的宽度:

<div class="main">
    <div class="laborator-woocommerce shop">
        <div class="row">...</div>
        <div class="codenegar-shop-loop-wrapper">
            <div class="row">...</div>
            <!-- Here is the problem -->
            <div class="row">...</div>
            <!-- Here is the problem -->
            <div class="col-md-3 sidebar-env">...</div>
        </div>
    </div>
</div>

解决此问题的一种方法是将类更改为主题的其中一个类，如下所示:

<div class="main">
    <div class="laborator-woocommerce shop">
        <div class="row">...</div>
        <div class="codenegar-shop-loop-wrapper">
            <div class="row">...</div>
            <!-- Here is the change -->
            <div class="col-md-9">...</div>
            <!-- Here is the change -->
            <div class="col-md-3 sidebar-env">...</div>
        </div>
    </div>
</div>

希望这能帮助您解决问题。