導(dǎo)航欄錯(cuò)位,添加如下代碼后導(dǎo)航少了10px是什么情況啊?怎么解決?
添加如下代碼后,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
變?yōu)橄聢D,少了10px?這是什么情況?怎么解決?
導(dǎo)航部分css碼如下:
.nav{
height: 40px;
}
.nav_left{
width: 10px;
background: url(../img/nav_left.jpg) no-repeat;
}
.nav_mid{
width: 980px;
background: url(../img/nav_bg.jpg) repeat-x;
}
.nav_right{
width: 10px;
background: url(../img/nav_right.jpg) no-repeat;
}
.nav_left,.nav_mid,.nav_mid_right{
float: left;
height: 40px;
}
2015-07-24
直接用<!DOCTYPE html>
然后針對(duì)你的第一次遇到的問(wèn)題,在.nav_mid里頭添加樣式clear:both,消除float對(duì)頁(yè)面的影響