html - CSS-垂直对齐属性不起作用

Question

我有以下 css 和 html 代码。对于垂直菜单项的列表。

<table border="0" cellspacing="0" cellpadding="0" align="center">
        <tbody>
        <tr>
            <td valign="" width="15%" nowrap="">   
            <div id="LeftOne">
            <ul id="LeftTwo">
              <li>
             </li>
            </ul>       
           </div>
           </td>
           <td valign="top" width="70%" >    
           </td>
           <td valign="" width="15%" nowrap="">  </td>
       </tr>
    </tbody>
   </table>


ul#LeftTwo {
    display: block;
    clear: both;
    margin: 35px 0px 12px 0px;
    border-bottom: 1px solid 
    #C8C8C8;
}

#LeftOne {
    display: block;
    width: 180px;
    min-height: 50px;
    float: left;
}

td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: 
transparent;
}    

当我使用时vertical-align: top;，列表排在最前面。但我需要知道为什么会这样？vertical-align:top !ie;使用破解ie有什么问题吗？

Answer 1

嘿，现在你可以像这样定义你的第valign top一个 td

    <table border="0" cellspacing="0" cellpadding="0" align="center">
        <tbody>
        <tr>
            <td valign="top" width="15%" nowrap="">   
            <div id="LeftOne">
            <ul id="LeftTwo">
              <li>
             </li>
            </ul>       
           </div>
           </td>
           <td valign="top" width="70%" >    
           </td>
           <td valign="" width="15%" nowrap="">  </td>
       </tr>
    </tbody>
   </table>