导航栏错位，添加如下代码后导航少了10px是什么情况啊？怎么解决？
来源：3-4 企业网站制作之导航部分制作（一）
逐梦凡
2015-06-30 15:30
添加如下代码后，
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
变为下图，少了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;
}
写回答
关注
1回答
-
- 陈二二
- 2015-07-24 14:24:40
直接用<!DOCTYPE html>
然后针对你的第一次遇到的问题，在.nav_mid里头添加样式clear:both,消除float对页面的影响
企业网站综合布局实战
本课程重点介绍HTML/CSS实现常见企业网站布局的方法
157042 学习 · 1984 问题
相似问题