                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

求大神指教，代码和老师一样的，为什么我打出来的是这种啊？

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

qq_忧蓝天空_0

2017-05-11

源自：企业网站综合布局实战 3-4

关注问题我要回答

1187

操作

收起

2 回答

qq_忧蓝天空_0 提问者
2017-05-13

不行啊，复制老师的代码上去都不行。

0 回复有任何疑惑可以回复我~

收起回答

No_thing
2017-05-12

因为logo部分的 .logo_left 和 .logo_right 设置了浮动，老师给父级元素设置了固定高度，来解决父级无法自动获取到高度的问题，但是浮动的影响还在(如果把 .logo的高 height: 80px;去掉，.nav_left会跑到上面去 )，只需在 .nav下添加 clear: both; 即可。