的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。