Question

我已经在margin-bottom玩了一个小时，我无法让灰色条消失在屏幕底部。

这里是相关的代码......

        <!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
        <div id="wowslider-container1">
            <div class="ws_images">
                <ul>
                    <li><img src="data1/images/b25b1439x1080.jpg" alt="jquery slideshow" title="B25b-1439x1080" id="wows1_0"/></a></li>
                    <li><img src="data1/images/mb1439x1080.jpg" alt="Ma1-25b-1439x1080" title="M1-25b-1439x1080" id="wows1_1"/></li>
                </ul>
            </div>
            <div class="ws_thumbs">
                <div>
                    <a href="#" title="B25b-1439x1080"><img src="data1/tooltips/b25b1439x1080.jpg" alt="" /></a>
                    <a href="#" title="M-25b-1439x1080"><img src="data1/tooltips/m125b1439x1080.jpg" alt="" /></a>
                </div>
            </div>
        <!--<div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com">wowslider.com</a> by WOWSlider.com v8.5m</div>-->
        <!--<div class="ws_shadow"></div>-->
        </div>  
        <script type="text/javascript" src="engine1/wowslider.js"></script>
        <script type="text/javascript" src="engine1/script.js"></script>
        <script type="text/javascript" src="engine1/idle-timer.min.js"></script>
        <script type="text/javascript" src="engine1/custom.js"></script>
        <script src="js/main.js"></script>
        <script src="js/menu.js"></script>
        <!-- End WOWSlider.com BODY section -->

    </body>
</html>

任何想法该怎么做？

与height一起玩也不起作用。我为body红色着色，所以你可以看到它从wowslider-container1下方突出

Answer 1

而不是使用高度。将位置设置为固定，然后将顶部，右侧，底部和左侧设置为0

#wowslider-container1{
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
}

WowSlider - 如何摆脱底部的额外空间？

1 个答案: