求大神指教,代碼和老師一樣的,為什么我打出來(lái)的是這種啊?
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;
}
2017-05-13
不行啊,復(fù)制老師的代碼上去都不行。
2017-05-12
因?yàn)閘ogo部分的 .logo_left 和 .logo_right 設(shè)置了浮動(dòng),老師給父級(jí)元素設(shè)置了固定高度,來(lái)解決父級(jí)無(wú)法自動(dòng)獲取到高度的問(wèn)題,但是浮動(dòng)的影響還在(如果把?.logo的高 height: 80px;去掉,.nav_left會(huì)跑到上面去?),只需在?.nav下添加 clear: both; 即可。