我使用引导下拉菜单有这个结构:
<div id="navigation" class="row-fluid">
<table class="basic" width="85%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="current" height="60%" align="center" valign="center">
<a href="<? echo base_url(); ?>">Home</a>
</td>
<td class="" align="center" valign="center">
<div style="position: relative">
<a id="dropdown1" class="dropdown-toggle" data-toggle="dropdown">About Us</a>
<ul class="dropdown-menu dropdown" role="menu" aria-labelledby="dropdown1">
<li><a class="node" tabindex="-1" href="<? echo base_url(); ?>unique/">What makes us unique?</a></li>
<li><a class="node" tabindex="-1" href="<? echo base_url(); ?>promise/">Our promise to you</a></li>
<li><a class="node" tabindex="-1" href="<? echo base_url(); ?>mission/">Mission and Vision</a></li>
<li><a class="node" tabindex="-1" href="<? echo base_url(); ?>customers/">What do our customers say?</a></li>
<li><a class="node" tabindex="-1" href="<? echo base_url(); ?>history/">Our History</a> </li>
</ul>
</div>
</tr>
</table>
</div>
这是CSS:
#navigation .basic {
height: 100%;
margin: 0 auto;
}
由于我没有设法让 td 作为下拉触发器工作(因为定位),我在里面创建了 div 和链接。
由于在表格中对齐,我的链接比 td 高度短,我怎样才能使 td 打开下拉菜单而不是使高度为 100%?
将链接高度设置为 100% 不起作用。