top部分添加float:right;不起作用，把.top_content 去掉，只剩下li就可以正常显示？用老师的代码也一样
<div class="top"> <div class="top_content"></div> <ul> <li><a href="#">加入我们</a></li> <li><a href="#">添加收藏</a></li> <li><a href="#">设为首页</a></li> </ul> </div>
*
{
padding: 0;margin: 0;
font-size: 12px;
}
body {
background-color: #F5F5F5;
}
.wrap {
width: 1000px;
margin: 0 auto;
}
.top {
width: 100%;
height: 27px;
background: url(../img/top_bg.jpg) repeat-x;
}
.top_content {
width: 1000px;
margin: 0 auto;
line-height: 27px;
}
.top_content li {
float: right;
list-style-image: url(../img/li_bg.gif);
width: 70px;
}
.top_content a:link, .top_content a:visited {
color: #8E8E8E;
text-decoration: none;
}
.top_content a:hover, .top_content a:active {
color: #C00;
text-decoration: none;
}
