我正在为非营利组织创建一个 Wordpress 主题，我希望能够为他们创建下拉菜单。但是由于某种原因，下拉菜单与父页面项目不对齐，即我将项目“资源”设置为父页面的“关于”，当您将鼠标悬停在“关于”上时，“资源”选项卡未在下方对齐关于。希望这是有道理的。
这是代码。
的HTML
<div id="nav">
<div class="menu">
<ul>
<li class="current_page_item"><a href="http://localhost/raf/" title="Home">Home</a></li>
<li class="page_item page-item-8"><a href="http://localhost/raf/?page_id=8">News</a>
<ul class='children'>
<li class="page_item page-item-75"><a href="http://localhost/raf/?page_id=75">And Yet Another</a></li></ul></li>
<li class="page_item page-item-12"><a href="http://localhost/raf/?page_id=12">About</a>
<ul class='children'><li class="page_item page-item-70"><a href="http://localhost/raf/?page_id=70">Dropdown Menu</a></li>
<li class="page_item page-item-73"><a href="http://localhost/raf/?page_id=73">Another Dropdown</a></li></ul></li>
</ul></div>
</div><!--End #nav-->
和CSS...
#nav ul ul {
display: none;
position: absolute;
top: 38px;
left: 0;
height:20px;
float: left;
width: 190px;
z-index: 99999;
}
#nav ul ul a {
color:#555;
font-size:12px;
border: 1px solid #ddd;
}
#nav ul ul li {
top:0;
min-width: 180px;
background-color:#333;
}
#nav ul ul ul {
left: 100%;
top: 0;
}
#nav ul ul a {
font-size:12px;
background: #e5e5e5;
line-height: 1em;
padding: 15px;
width: 160px;
height: 10px;
}
谢谢一堆！希望有人可以帮助解决这个问题。
JRW