html文檔中常常使用ul>li列表來展示新聞列表，如下所示：
<style type="text/css">*{ margin: 0;padding: 0;}a{ text-decoration: none;color: #fff;}li{ list-style: none; background: green; margin-bottom: 20px; line-height: 40px;}</style><body> <ul> <li><a href="">文章標題</a></li> <li><a href="">文章標題</a></li> <li><a href="">文章標題</a></li> <li><a href="">文章標題</a></li> </ul></body>
如上述代碼，li的高度就會等於line-height的值。當a元素制定樣式{ font-size:xxpx}之後，li的高度就會比line-height的值大1-2像素（ie6中沒有變化），當列表較短時，影響不大，但是當
列表較長的時候就會有明顯的影響。
解決方案: 給li添加樣式{ display:block;}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
