设置样式不对齐呢

来源:3-5 企业网站制作之导航部分制作(二)

慕瓜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;
}

http://img3.mukewang.com/5a979ee30001e19b13500508.jpg

这个不能对齐 是什么原因呢?

写回答 关注

3回答

  • 慕盖茨9549625
    2020-07-02 02:43:28

    .logo_left{width: 200px;float: left;}

    后面添加

    .logo_left img{float: left;}

    试一试

  • qq_哈_42
    2018-06-08 10:26:28

    在nav里加clear: both就好了


  • 慕姐2893314
    2018-03-02 11:22:38

    能把问题描述清楚一点吗?

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157043 学习 · 1984 问题

查看课程

相似问题