Question

CSS导航栏制作问题

一下css设置为什么要把标签a元素设成块元素 block，谢谢

html代码如下：
<div id="nav">
<ul>
<li><a href="#">许愿池</a></li>
<li><a href="#">港湾在线</a></li>
<li><a href="#">网友作品</a></li>
<li><a href="#">心灵倾诉</a></li>
<li><a href="#">语音聊天</a></li>
<li><a href="#">心情留言</a></li>
<li><a href="#">关于我们</a></li>
</ul>
</div>

css代码如下：
#nav {
background: #099 url(../img/nav_bg.jpg) no-repeat right top;
width: 510px;
height: 130px;
float: right;
}
#nav ul {
margin: 100px 0 0 80px;
list-style-type: none;
}
#nav li {
float: left;
}
#nav a {
text-decoration: none;
text-align: center;
display: block;
width: 60px;
padding: 7px 0;
}
#nav a:link {
color: #FFF;
}
#nav a:visited {
color: #CFF;
}
#nav a:hover {
color: #FFC;
background: url(../img/nav_hover_bg.gif) no-repeat;
}

Answer 1

呵呵这问题，block不是表示上下有断行吗，这样也是考虑到你的页面元素布局估计，你要设置成其他的也可以啊，

Answer 2

a元素设成块元素 block
width: 60px; 才能起作用