当我在表格单元格中放置文本区域时...
<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％... textarea确实涵盖了Chrome（而不是Firefox）下所有单元格的高度。
知道为什么和/或如何解决Firefox下的问题吗？
Mozilla做到的完全正确！您将textarea的高度指定为其父级的100％。它的父级（div）是其父级（td）高度的100％。Td的高度是不确定的，因此无法将整个高度延伸到英尺。[有人可能认为td的高度=桌子的高度，但这种假设并不完全正确]要解决该问题，您必须将100％的高度分配为：
<td style="height:100%">
规则很简单：如果您以百分比形式应用宽度/高度/边距，请确保您的浏览器有一个基准来进行计算（每个父级，直到最终高度都必须具有高度）。
如果没有帮助，则将display：block添加到textarea中（不确定是否确实需要），然后...您可以使用多个！important :-)删除这些讨厌的内联样式。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句