Question

我们的网页设计无法正常显示here

但其他网页的工作正常，如here

@media only screen and (min-width: 1224px)
.main-container a {
    color: #ff7704;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

Answer 1

删除以下css代码或注释。

.col3-layout .col-wrapper {
/* float: left; */
/* width: 79.16667%; */

}

.col3-layout .col-wrapper .col-main {
/* float: right; */
/* width: 73.68421%; */

}

.col-main {
/* float: left; */
/* width: 75%; */

}

你忘了在.col-main div

之后添加下面的div

    <div class="block block-layered-nav glace_navigationlayer-filters-left block-layered-nav glace_navigationlayer-filters-left--no-filters" id="desktop-layer-navigation" style="position: relative; top: auto; left: auto; width: auto; padding: 0px; height: auto; box-shadow: none; z-index: 100; background: none;">
    <!--<div class="block-title">
        <strong><span></span></strong>
    </div>-->
    <div class="block-content toggle-content">
        <!---->                            <p class="block-subtitle block-subtitle--filter">Filter</p>
            <dl id="narrow-by-list">
                                                                <div class="navigation">
                    <dt class="odd">Device</dt>
                    <dd class="odd" style="display: none;">
                        <ul>
                            <li><ol>
<li><a class="glace_navigationlayer-attr" href="#">LG G3 (55)</a></li></ol></li>
                        </ul>
                    </dd>
                </div>
                                                                <div class="navigation">
                    <dt class="even">Design</dt>
                    <dd class="even" style="display: none;">
                        <ul>
                            <li><ol>
<li><a class="glace_navigationlayer-attr" href="sitename">Art &amp; Graphics (55)</a></li></ol></li>
                        </ul>
                    </dd>
                </div>
                                                                <div class="navigation">
                    <dt class="last odd">Category</dt>
                    <dd class="last odd" style="display: none;">
                        <ul>
                            <li>
<ol>
            <li class="glace_navigationlayer-cat glace_navigationlayer-cat-level-1">
                            <a href="sitename">Art and Graphics                                    </a>
        </li>
            <li class="glace_navigationlayer-cat glace_navigationlayer-cat-level-2">
                            LG G3                                    
        </li>
    </ol></li>
                        </ul>
                    </dd>
                </div>
                                            </dl>
            <script type="text/javascript">decorateDataList('narrow-by-list')</script>
            </div>
</div>

Answer 2

请尝试此

。在<div class="category-products">之前添加以下div。

<div class="" style="height: 20px;"></div>
<div class="category-products">

如何仅在一页中增加图像的宽度

2 个答案: