html - 桌子位置（桌子不应该倒下）

Question

这是我的代码：

<form id="form1" style="height: 800px; width:1000px" >
<table style="width: 90%; height: 193;">
    <tr>
        <td class="style4">
            <table style="width: 100%; height: 701px;">
                <tr>
                    <td style="height: 587px; width: 629px;" colspan="4" >
                        <div id="tableTree" style="height:600px;">
                            <table style="width: 150px;">
                                <div id="treeboxbox_tree" style="width:280px; height:100%; ">
                </div>
                            </table>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td >
                        <input type="button" value="Add" id="btnAdd" onclick="return someMethod()" />
                    </td>
                    <td >
            //other button
                    </td>
                    <td >
            //other button
                    </td>
                </tr>
            </table>
        </td>

        <div>
            <td>
                <table width="100%" id="smth">
                    <div style="float:left"><%Html.RenderPartial("Something"); %></div>
                </table>
            </td>
        </div>

    </tr>
</table>
</form>

直到我点击一个按钮，smth 才会显示出来。但是由于 smth 的高度非常大，所以有 style4 的 td 往下走，也就是 smth 的中间位置。这是非常令人沮丧的。如何解决？

Answer 1

我想你的意思是垂直对齐在 td 中是关闭的？

<td class="style4">

将其更改为

<td class="style4" valign="top">

或添加到 style4

vertical-align: top;

不确定您定义的是哪个版本的 html...