的CSS寬度有些麻煩爲分度，字幕元素

Question

IVE這樣的CSS：

div.partnersheader{ 
    width:930px; 
    height:27px; 
    border-bottom:1px solid #030304; 
    font-family:Bebas; 
    color:#ffffff; 
    font-size:15pt; 
    padding:3px 0px 0px 10px; 
} 

div.partnerscontent{ 
    width:100%; 
    height:127px; 
    color:#ffffff; 
    font-size:15pt; 
    padding:3px 0px 0px 10px; 
    overflow:hidden; 
} 

div.partnerscontent ul{ 
    list-style:none; margin:0px; padding:0px; overflow:hidden; width:100%; 
} 

div.partnerscontent li{ 
    float:left; margin-left:20px; 
} 

div.partnerscontent li img{ 
    filter: url(../sources/grayscale.svg#grayscale); /* Firefox 3.5+ */ 
    filter: gray; /* IE6-9 */ 
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */ 
    -moz-transition:all 0.5s linear; 
    -webkit-transition: all 0.5s linear; 
    transition: all 0.5s linear; 
} 

div.partnerscontent li img:hover{ 
    filter: none; 
    -webkit-filter: grayscale(0); 
} 

的HTML是

<div class="partners"> 
      <div class="partnersheader"> 
       Partnerzy 
      </div> 
      <div class="partnerscontent"> 
       <ul> 
       <marquee onMouseOver="this.stop()" onMouseOut="this.start()"> 

<li> 
<a href="http://www.cs-kontener.pl" target=_blank><img src="images/ck.png" border="0" /></a> 
</li> 

<li> 
<a href="https://www.facebook.com/Zajeb.Basem?fref=ts" target=_blank><img src="images/zb.png" border="0" /></a> 
</li> 

<li> 
<a href="https://www.facebook.com/pompeczkamp3" target=_blank><img src="images/pmp3.png" /></a> 
</li> 

<li> 
<a href="http://www.facebook.com/PozitiveSound" target=_blank><img src="images/pozitiw.png" /></a> 
</li> 

<li> 
<a href="http://www.club-sound.pl/" target=_blank><img src="images/clubsound.png" /></a> 
</li>    </marquee> 
       </ul> 
      </div> 
     </div> 

和partnerscontent裏放置圖片包含有字幕效果，我只能看到3圖像和休息去3線，但我希望他們都在1線，如：

現在它像

我認爲它某物寬度但我不能找到出路，有人可以幫助？

Answer 1

您需要合計LI s的寬度，然後相應地設置UL的寬度（以像素爲單位，100％不是答案）。如果您的列表比容器寬，則UL的容器需要有overflow:hidden。

這是我最好的猜測，因爲你沒有顯示你的HTML。