css內聯列表邊距

Question

我有一個內聯列表，我試圖去「填充」它的div的整個寬度。

如果我在列表中使用了一個margin-right，最後一個元素將不會到達div的末尾（因爲它有正確的邊距），或者右邊距會強制它在下一行超過div的寬度。

這裏是我所描述的例子。

http://i.imgur.com/9CJx7.png

我的html：

<div id="footerstick" style="background:url(site_files/bg_shears.png) repeat-x; "> 
    <div id="footer_wrap"> 
     <div id="footer_top_shelf"> 
      <ul> 
       <li>Contact Us</li> 
       <li>FAQ</li> 
       <li>About Us</li> 
       <li>Distribution</li> 
      </ul> 
     </div> 
    </div> 

</div> 

我的CSS：

#footerstick { 
    position: relative; 
    margin-top: -230px; /* negative value of footer height */ 
    height: 230px; 
    clear:both; 
    } 
#footer_wrap {width:980px; margin:auto;}  
#footer_top_shelf {height:70px; overflow:hidden; } 
#footer_top_shelf ul li {display:inline; list-style:none; color:#c7c7c7; font-size:30px; margin-right:85px; line-height:75px; text-transform:uppercase; font-family:myriad pro; } 

Answer 1

這樣寫：

#footer_top_shelf ul li + li{ 
    margin-left:85px; 
} 

Answer 2

嘗試下面的CSS - 看到你的圖像後爲根據您的要求如果我得到你的問題正確，這個更新的CSS應該可以幫助你。

#footerstick { 
    position: relative; 
    margin-top: -230px; /* negative value of footer height */ 
    height: 230px; 
    clear:both; 
    } 
#footer_wrap {width:980px; margin:auto;}  
#footer_top_shelf {height:70px; overflow:hidden;} 

#footer_top_shelf ul 
{ 
    margin:0; 
    padding:0; 
    text-align:center; 
} 

#footer_top_shelf ul li { 
display:inline; 
list-style:none; 
color:#c7c7c7; 
font-size:30px; 
margin:0px 40px; 
line-height:75px; 
text-transform:uppercase; 
font-family:myriad pro; 
} 

注意：您可以顯示你的實時代碼，所以我們可以很容易地找出如何你的代碼工作，在那裏你所面臨的問題。