我已经成功创建此导航菜单，但菜单项的间距已关闭。同样在次要名单上，由于其中一项，我不得不让它们变宽。有没有办法让宽度根据最长项目的长度而变化。CSS下拉菜单间距
Menubody {
font-family: "Gill Sans", Calibri, "Trebuchet MS", sans-serif;
}
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav a {
display: block;
width: 10em;
}
#nav li { /* all list items */
/* The sum of the next two lines creates the nav bar height*/
padding-top:12px;
height: 28px;
float: left;
background: #f15a22;
width: 7em; /* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
position: absolute;
background: #f15a22;
width: 10em; /* controls width of background colour of second-level list - currently set to width of longest entry */
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
top: 45px; /* drops the second list below the nav bar so it doesn't cut off the bottom of any text from the main nav*/
}
/*--- from Storm3y's code ---*/
#nav li a {
color: #f9f7ee;
background-image:url(images/bullet2.gif);
background-position:0% 50%;
background-repeat:no-repeat;
padding-left: 16px;
text-decoration: none;
}
#nav li a:hover {
background-image:url(images/bulletsolid2.gif);
background-position:0% 50%;
background-repeat:no-repeat;
padding-left: 16px;
color: #f9f7ee;
}
2011-09-16
Ged
+0
当你说的间距为 “关”，是什么*应该*就像？菜单的总宽度应该是多少？ –
+0
@thirtydot我认为海报是指这种现象：http://jsfiddle.net/uNNKd/1/(悬停在表演) –
+0
@约瑟夫：我的评论是关于他的第一句话，这似乎是在谈论不平衡文本之间的间距(忘记这部分的下拉菜单)。 –
494
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
