uislider padding無法正常工作

我使用的是uislider，效果很好，但它會將圖像發送到頁面的整個寬度。我試圖改變JavaScript沒有任何幫助。最後，我能夠使用max-width：圖像的大小正確填充頁面的右側;uislider padding無法正常工作

我試過在頁面的左側使用最小寬度，但它似乎並沒有工作。

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>

來源

2014-10-09 Thomas

float: center;是不是一個有效的CSS屬性

padding也被認爲是在寬度

例如，如果寬度是100%和padding是10%所以總width將110%

，如果你想一些空間添加到左側使用margin這將給空間而不影響width

來源

2014-10-09 16:47:05

這做到了。我的天啊。謝謝！ .banner { padding-top：70px; 寬度：100％; max-width：895px; margin：0 160px; } – Thomas 2014-10-09 17:05:56

歡迎您高興地幫助您:) – 2014-10-09 17:07:47

確實接受我的回答 – 2014-10-09 17:17:41

uislider padding無法正常工作

回答

相關問題