慕瓜5179898
2018-03-01 14:34
<div class="nav"> <div class="nav_left"> </div> <div class="nav_mid"> <div class="nav_mid_left"> <ul> <li><a href="#">首页</a></li> <li><a href="list.html">关于慕课</a></li> <li><a href="list.html">新闻动态</a></li> <li><a href="list.html">课程中心</a></li> <li><a href="list.html">在线课程</a></li> <li><a href="list.html">人才招聘</a></li> </ul> </div> <div class="nav_mid_right"> <form action="" method="post"> <input type="text" value=""/> </form> </div> </div><!--navmid结束--> <div class="nav_right"> </div> </div><!--导航结束--> </div><!--wrap结束 -->
/*导航区域*/
.nav{
height:40px;
}
.nav_left{
width:10px;
background: url(../img/nav_left.jpg) no-repeat;
float: left;
height: 40px;
}
.nav_mid{
width: 980px;
background: url(../img/nav_bg.jpg) repeat-x;
float: left;
height:40px;
}
.nav_right{
width: 10px;
background: url(../img/nav_right.jpg) no-repeat;
float:left;
height:40px;
}
这个不能对齐 是什么原因呢?
在
在
.logo_left{width: 200px;float: left;}
后面添加
.logo_left img{float: left;}
试一试
在nav里加clear: both就好了
能把问题描述清楚一点吗?
企业网站综合布局实战
157072 学习 · 2157 问题
相似问题