javascript - uislider 填充不起作用

Question

我使用的是 uislider，效果很好，但它会在整个页面宽度上发送图像。我试图在没有帮助的情况下更改 javascript。最后，我能够使用 max-width: size of the image 使页面的右侧正确填充；

我试过在页面左侧使用最小宽度，但它似乎不起作用。

CSS:

.banner {
       float: center;
       padding-top: 70px;
       padding-left: 160px;
       width: 100%;
       max-width: 895px;}

.banner ul li {
       float: left;}

   .banner li {
       list-style: none;}

网站是:mydiscountman.com 如果你想看看它的功能坏了。我尝试发布图片，但我的声誉还没有达到 10。

谢谢!

横幅代码:

<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="//mydiscountman.com/mdm-content/themes/clipper/js/unslider.js"></script>

<div class="banner">
     <ul>
        <li>
       <img src="http://mydiscountman.com/mdm-content/themes/clipper/images/bannertest.png"     width="895" height="294" title alt="social-facebook-color">
    </li>
    <li>
    <img src="http://mydiscountman.com/mdm-content/themes/clipper/images/bannertest2.png" width="895" height="294" title alt="social-facebook-color">
    </li>
    <li>
    <img src="http://mydiscountman.com/mdm-content/themes/clipper/images/bannertest3.png" width="895" height="294" title alt="social-facebook-color">
    </li>
</ul>

    <script>

    $(function() {
        $('.banner').unslider();
    });

    </script>

Answer 1

float: center; 不是有效的 css 属性

padding 也被认为是宽度

例如，如果宽度是 100% 并且 padding 是 10% 那么总的 width 将是 110%

如果你想在左边添加一些空间，使用 margin 这将在不影响 width 的情况下提供空间