html 的ul导航菜单错位问题
<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了。
温馨提示：内容为网友见解，仅供参考
无其他回答
