html 的ul导航菜单错位问题
<html><head><title></title><styletype="text/css">body{margin:0;padding:0;}ul{width:80...
<html>
<head>
<title></title>
<style type="text/css">
body{
margin:0;
padding:0;
}
ul{
width:800px;
padding:0;
margin:0 auto;
height:29px;
background:#ccc;
}
ul li{
float:left;
width:196px;
border-right:1px solid yellow;
line-height:29px;
text-align:center;
}
.banner{
clear:both;
width:800px;
margin:0 auto;
background:#093;
height:200px;
}
</style>
</head>
<body>
<ul>
<li>首页</li>
<li>qq</li>
<li>sina</li>
<li>baidu</li>
</ul>
<div class="banner">
</div>
</body>
</html> 展开
<head>
<title></title>
<style type="text/css">
body{
margin:0;
padding:0;
}
ul{
width:800px;
padding:0;
margin:0 auto;
height:29px;
background:#ccc;
}
ul li{
float:left;
width:196px;
border-right:1px solid yellow;
line-height:29px;
text-align:center;
}
.banner{
clear:both;
width:800px;
margin:0 auto;
background:#093;
height:200px;
}
</style>
</head>
<body>
<ul>
<li>首页</li>
<li>qq</li>
<li>sina</li>
<li>baidu</li>
</ul>
<div class="banner">
</div>
</body>
</html> 展开
展开全部
你的代码写的基本是没有问题的，不过没在文档开头加入文档说明，即!DOCTYPE，所以浏览器不知通用什么标准来解释你的代码，这样就会产生混乱。
你在整个文档的最前加上一句：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
就OK了。
你在整个文档的最前加上一句：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
就OK了。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
