求大神指教，代码和老师一样的，为什么我打出来的是这种啊？
来源：3-4 企业网站制作之导航部分制作（一）
qq_忧蓝天空_0
2017-05-11 10:47
CSS代码如下：
.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;}
.nav_right{width: 10px;background: url(../img/nav_right.jpg)no-repeat;float: left;height: 40px;
}
}
.nav_mid li {
float: left;
list-style-type: none;
width: 100px;
font-family: "微软雅黑";
text-align: center;
}
写回答
关注
2回答
-
- qq_忧蓝天空_0
- 2017-05-13 10:47:02
不行啊，复制老师的代码上去都不行。
-
- No_thing
- 2017-05-12 19:01:44
因为logo部分的 .logo_left 和 .logo_right 设置了浮动，老师给父级元素设置了固定高度，来解决父级无法自动获取到高度的问题，但是浮动的影响还在(如果把 .logo的高 height: 80px;去掉，.nav_left会跑到上面去 )，只需在 .nav下添加 clear: both; 即可。
企业网站综合布局实战
本课程重点介绍HTML/CSS实现常见企业网站布局的方法
157043 学习 · 1984 问题
相似问题