尝试这个：
ul#sub1 { position:absolute; left:0; width:125px; visibility: hidden;}ul#menu li:hover #sub1 { visibility:visible;}问题是您的菜单ul是可见的（始终），但是由于this规则的选择器，所以li里面的li是（始终）不可见
ul#sub1 li。
请记住，visible：hidden隐藏元素，但仍在DOM中占用空间，而display：none隐藏元素并将其从页面元素流中移除
另外，您不一定不需要在CSS选择器中使用ID，尤其是对于像这样的菜单。您可以不这样做而已，可以考虑使用许多级别菜单的情况，通过使用ID，您将不得不无限期地编写选择器。相反，您可以尝试这样的事情。
ul#menu ul { padding:0px;}ul#menu li { position:relative; list-style-type:none; float: left; width: 125px;}ul#menu li > ul { display: none;}ul#menu li:hover > ul { display:block;}
