为什么valign="bottom"在Firefox中不起作用，而在IE和Chrome中工作？

Question

我具有在所有页面上使用的模板。

<table CELLPADDING=0; CELLSPACING=0; style="width:100%; min-height:100vh;">
    <tr>
        <td style="vertical-align:top;">
            [EP_CA:Header]
        </td>
    </tr>
    <tr>
        <td style="align:center; vertical-align:top; width:100%;">
            [EP_CA:Menu]
        </td>
    </tr>
    <tr>
        <td style="align:center; vertical-align:top; width:100%;">
            [EP_CA:SiteMap]
        </td>
    </tr>
    <tr>
        <td style="align:center; vertical-align:top; width:100%; height:100%">
            [EP_CA:Body]
        </td>
    </tr>
    <tr>
        <td class="footerBottom" style="vertical-align:bottom;">
            [EP_CA:Footer]
        </td>
    </tr>
</table>

我尝试了页脚TD的display =" block"，但这也不起作用。

编辑：即使内容较小，我也试图将页脚行与页面底部的底层对齐。该代码适用于Chrome，只是Firefox没有响应。

Answer 1

如果您使用的是html5，则VELIGN将行不通。

使用CSS。

Answer 2

更改最小：100VH为高度：100VH。它对我有用。

Answer 3

使用CSS您应该应用垂直对准。不在TD上工作？

td {vertical-align:top;}

Answer 4

用于跨浏览器的兼容性，我建议您不要使用表属性并改用...

<div> Header </div>
<div> Menu </div>
<div> SiteMap </div>
<div> Body </div>
<div position:relative; bottom:0px;"> Footer </div>