新手求助为什么在IE中会这样下拉的导航和主导航不在一竖直线上

代码如下：
<html>
<head><meta http-equiv="content-type" content='text/html;charset=gb18030'>
<style>
*{
margin:0px;
padding:0px;}
body{
font-family:verdana,sans-serif;
font-size:14px;
background:#EFEFEF;
text-align:center;}
#center{
margin:0 auto;
width:980px;
}
#ul1{
list-style-type:none;
margin-left:15px}
#ul1 li{
width:190px;
list-style-type:none;
float:left;
position:relative;
height:40px;
background:#CECECE;
text-align:center;
font-size:20px;
border:1 #F4F4F4 groove;
color:#FFF;
}
#ul1 li ul{
list-style-type:none;
display:none;
position:absolute;
top:40px;
margin-top:1px;
} 
#ul1 li ul li{
width:188px;
}
#ul1 li a:link{
display:block;
height:40px;
text-decoration:none;
color:#F7F7F7;
}
#ul1 li a:visited{
background:#585858;
}
#ul1 li a:hover{
background:#CCFFCC;
}
</style>
<script>
function display(li){
var dis=li.getElementsByTagName("ul")[0];
dis.style.display="block";
}
function hiddle(li){
var hid=li.getElementsByTagName("ul")[0];
hid.style.display="none";}
</script></head>
<body><div id="center">
<ul id="ul1">
<li onMouseOver="display(this)" onMouseOut="hiddle(this)">number1
<ul>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
</ul></li>
<li onMouseOver="display(this)" onMouseOut="hiddle(this)"> number2
<ul>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
</ul></li>
<li onMouseOver="display(this)" onMouseOut="hiddle(this)" >number3
<ul>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
</ul></li>
<li onMouseOver="display(this)" onMouseOut="hiddle(this)" >number4
<ul>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
</ul></li>
<li onMouseOver="display(this)" onMouseOut="hiddle(this)" >number5
<ul>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
<li><a href="#">aaaa</a></li>
</ul></li>
</ul>
</div>
</body>
</html>

ie不可以火狐可以

没人吗

好像好牛逼，自己搞得吗？？

#ul1 li ul里面再加条left:0;
原因我也不清楚，反正加上就行了，可能是老版ie在渲染绝对定位时候的问题吧。话说，换成我的话，我绝对不会在这个地方用绝对定位的。#ul1 li 里面的东西本来就是一个框里面的，左右都是对齐的，你只要调整你写的那个number1的文字的行高就行了。或者再用个span包一下number，设置span。

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

7回复贴，共1页

<<返回javascript吧

分享到:

日	一	二	三	四	五	六

新手 求助为什么在IE中会这样 下拉的导航和主导航不在一竖直线上

扫二维码下载贴吧客户端

新手求助为什么在IE中会这样下拉的导航和主导航不在一竖直线上