0

我有一个运行良好的垂直下拉菜单。不过,我有一个无法处理的错误。

你可以在这里找到我的菜单:test Page

该菜单在 Internet Explorer 中运行良好(除了第一个子菜单上有一点点下降,我可以忍受(如果你知道那是什么的话,可以加分),但在其他浏览器中,我的背景从子菜单流回主菜单. “保证金”从何而来?

到目前为止,我发现这与我给li:hover孩子们的风格有关

我的 CSS 中可能有用的片段

ul#menu3{
display:block;
left:20px;
margin:0;
width:10em;
padding:0;
position:absolute;
list-style:none;
}
ul#menu3 li{
color:#000000;/*
float:left;*/
position:relative;
margin:0;/*
margin-bottom:-1px;*/
line-height:31px;
text-align:center;
width:10em;
padding:0;
font-weight:bold;
display:block;
vertical-align:middle;
background-image:url(../../../menu4/awmdata/button-tile.gif);
}
ul#menu3 li:hover ul{
text-align:center;
vertical-align:bottom;
background-image:url(../../../menu4/awmdata/button-tile.gif);
background-repeat:repeat;
left:auto;
margin-top:-31px;
}
ul#menu3 li ul{
position:absolute;
left:-999em;
margin-left:10em;
margin-top:-31px;
}
ul#menu3 li ul li{
color:#000000;
margin:0;
left:auto;
padding:0;
font-weight:bold;
}
4

1 回答 1

0

把它贴在你的styles.css的顶部

ul, li {
    margin: 0;
    padding: 0;
}

当为菜单使用无序列表时,删除边距和填充总是一个好主意,这样您就可以从一开始就更好地控制布局

于 2012-05-10T22:43:39.020 回答