導航欄錯位，添加如下代碼后導航少了10px是什么情況??？怎么解決？
添加如下代碼后，
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
變為下圖，少了10px?這是什么情況？怎么解決？
導航部分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>
然后針對你的第一次遇到的問題，在.nav_mid里頭添加樣式clear:both,消除float對頁面的影響