问答详情
源自:3-4 企业网站制作之导航部分制作(一)

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

http://img.mukewang.com/5913cf6b000139a411240296.jpg

http://img.mukewang.com/5913d0a700018e7207060423.jpg

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 10:47

个回答

  • 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; 即可。