Twitter bootstrap 引导、制作<；td>；下拉触发器

我使用bootstrap下拉列表实现此结构：

<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>

由于我还没有设法让td作为下拉触发器工作（因为定位），所以我在里面创建了div和link

由于我的链接在表中对齐比td高度短，我如何使td打开下拉列表代替或使高度为100%

---

将链接高度设置为100%不起作用。

一点CSS应该可以解决您的问题。无需更换触发元件

div.dropdown-wrapper{
位置：相对位置；
身高：100%；
}
a、 下拉开关{
身高：100%；
显示：块；
}
关于我们

...

这是有效的，你应该在两年后获得投票权

#navigation .basic {
   height: 100%;
   margin: 0 auto;
}

div.dropdown-wrapper {
    position: relative;
    height: 100%;
}
a.dropdown-toggle {
    height: 100%;
    display: block;
}

<div class="dropdown-wrapper">
    <a id="dropdown1" class="dropdown-toggle" data-toggle="dropdown">About Us</a>

    <ul>
    ...