top部分添加float:right;不起作用，把.top_content 去掉，只剩下li就可以正常显示？用老师的代码也一样
来源：3-4 企业网站制作之导航部分制作（一）
慕妹0475077
2018-11-11 23:50
<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;
}
写回答
关注
3回答
-
- GoupDeGrace
- 2019-10-14 15:34:04
<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>
-
- GoupDeGrace
- 2019-10-14 15:33:34
<div class="top"> <div class="top_content"></div> <div class="top"> <div class="top_content"> <ul> <li><a href="#">加入我们</a></li> <li><a href="#">添加收藏</a></li> <li><a href="#">设为首页</a></li> </ul> </div> </div>
改成这样
-
- GoupDeGrace
- 2019-10-14 15:32:33
<div class="top"> <div class="top_content"></div> <div class="top"> <div class="top_content"> <ul> <li><a href="#">加入我们</a></li> <li><a href="#">添加收藏</a></li> <li><a href="#">设为首页</a></li> </ul> </div> </div>
改成这样?
企业网站综合布局实战
本课程重点介绍HTML/CSS实现常见企业网站布局的方法
157081 学习 · 2157 问题
相似问题
.top_content li{ }
回答 2