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;
}