Germano Plebani>我相信它不会起作用,因为当您停止将徽标悬停时,菜单将再次消失。 我对您的代码进行了一些更改,使其更加简单(至少在我看来): INCOMEEXPENSESINCOME DISTRIBUTIONSPENDINGSIDE MENU ::-webkit-scrollbar { display: none; } body { margin: 0; background-color: #808080; } #menu { position: fixed; width: 100%; height: 140px; background-color: #555555; } #logo { height:140px; } #logo img{ width:160px; } ul{ height:inherit; width:160px; /* Your menu has the size of your logo */ } ul:hover { width:auto; /* when you hover your menu, it will take 100% of the width of it's container */ } ul li { float: left; list-style:none; } ul:hover .menuoptions { display:block; } .menuoptions { border: 1px solid white; border-radius: 50px; padding: 14px; letter-spacing: 2px; list-style-type: none; color: #FFFFFF; margin-top: 30px; margin-left: 45px; font-size: 125%; font-weight: bold; display:none; } .menuoptions:hover { color: #00b9f1; background-color: #FFFFFF; } 我也没有去优化,但是效果很好。