導航欄錯位,添加如下代碼后導航少了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對頁面的影響