有关li的问题

Question

我想要li的宽高自适应，所以给他设置了padding，可是里边的a标签怎么设置大小啊，如果设置一个active类，可是a太小了啊，显示出来太丑了，要怎么设置一下比较好啊？HTML代码如下：<div id="page">     <ul>      <li><a href="">第一页</a></li>      <li><a href="">上一页</a></li>      <li><a href="">1</a></li>      <li><a href="">2</a></li>      <li ><a href=""class="active">3</a></li>      <li><a href="">4</a></li>      <li><a href="">...</a></li>      <li><a href=""> 下一页</a></li>      <li><a href=""> 最后页</a></li>  </ul> </div>CSS如下：    #page ul { margin: 0 auto; overflow: hidden; width: 610px;}#page ul li { list-style: none; float: left; /*width: 48px; height: 50px; line-height: 50px;*/ padding: 15px; text-align: center; margin-right: 10px; background: #FFF;}#page ul li a{ text-decoration: none; color: #000;}.active{ background:  #812422;}效果图现在是这样了

Answer 1

你可以把背景色给到 li上  或者把 a 的dispaly:inline-block   padding给到a上