无论如何都将 <td> 的高度保持在一个固定的量（IE vs FireFox）答案

【问题标题】：Maintain the height of <td> at a fixed amount, no matter what (IE vs FireFox)无论如何都将 <td> 的高度保持在一个固定的量（IE vs FireFox）
【发布时间】：2013-05-07 03:38:45
【问题描述】：

我有一个包含表格的 HTML 页面，我的问题是我的<td> 的高度，它在 IE-8 中正确呈现，但在 FireFox 20.0.1 中却不正确

我本人是 FireFox 的粉丝，尤其是 IE :) 无论如何，我已将包含“底部”一词的 <td> 的高度设置为 30 像素（或 10%；没有区别）和上<td>到90%

当我减少右侧<td> 的内容时，底部<td> 的高度在FireFox 中正确显示，但是当我在右侧<td> 中添加更多文本行时，它（底部）显示不正确（非常大）在 FireFox 中，在 IE 中没问题。

我的代码有什么问题，或者 FireFox 不太可能？ :) 换句话说，无论如何我都希望将底部<td> 的高度保持在30px。这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Agent</title>
        <style>
          html, body { height: 100% }
        </style>        
    </head>
    <body>
        <table border="1" cellspacing="0" cellpadding="0" width="100%" height="100%">
            <tr >
                <td id=properties width="20%" height="90%">
                 top
                </td>
                <td id=step rowspan="2" width="80%" >
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                    right <br>
                </td>
            </tr>
            <tr >
                <td width="20%" height="30px">
                    bottom
                </td>
            </tr>
        </table>
    </body>

</html>

【问题讨论】：

在两种浏览器中对我来说都一样
可能是你的屏幕分辨率问题，请在右边加几行<td>，谢谢

标签： html internet-explorer firefox html-table

【解决方案1】：

30px 不是td 的height 属性的有效值。还要注意

HTML5 不支持 height 属性。改用 CSS。

您可以尝试 (HTML)

<td width="20%" height="30">

或 CSS

<td style="width:20%;height:30px">

语法是

<td height="pixels|%">

Source

【讨论】：

感谢您的回答和信息，但是它不起作用，我尝试了您的代码的 CSS 和 HTML 版本。结果是一样的。