Html 表格单元格内的文本区域不'；t在Firefox下调整单元格高度

当我在表格单元格中放置文本区域时

<table style="height:200px">
    <tr>
        <td>Some<br>nifty<br>text<br>filler</td>
        <td style="padding:0px">
            <div style="height:100% !important">
                <textarea style="resize:none; height:100% !important; width:100% !important" data-ng-model="modelLogin.inpMtext">
            </div>
        </td>
    </tr>
</table>

一些漂亮的
文字
填充物

…我会特别注意确保textarea和包含的div都有100%的重要高度。。。文本区域确实覆盖了Chrome下所有单元格的高度，但在Firefox下则没有

---

你知道为什么和/或如何在Firefox下解决这个问题吗？

Mozilla做得很好！将textarea的高度指定为其父级的100%。它的父体（div）是其父体（td）高度的100%。Td高度未定义，因此无法延伸到整个高度。[有人可能会认为td的高度=桌子的高度，但这一假设并不完全正确] 要解决此问题，您必须为其指定100%的高度，如下所示：

<td style="height:100%">

规则很简单：如果以百分比为单位应用宽度/高度/边距，请确保浏览器有一个基准来计算它（在最终高度之前，每个父级都必须有它的高度）

如果没有帮助，将display:block添加到textarea（不太确定是否真的需要） 而且。。。你可以删除这些讨厌的内联样式与多个！重要事项：-）

选中，使用框大小：边框框；对于文本区域，您可能正在查找。此外，元素应具有100%的高度。