Question

当我将textarea放入表格单元格时......

<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下的情况？

Answer 1

Mozilla完美地做对了！您指定textarea的高度为其父级的100％。它的父（div）是其父（td）高度的100％。 Td高度未定义，因此无法伸展到整个高度的脚。 [有人可能认为td的高度=桌子的高度，但这种假设并不完全正确] 要修复它，你必须指定100％的高度，如下所示：

<td style="height:100%">

规则很简单：如果以百分比形式应用宽度/高度/边距，请确保您的浏览器有一个基准来计算它（每个父级直到最终高度必须具有它的高度）。

如果没有用，请将display：block添加到textarea（不太确定它真的需要）而且......你可以删除这些令人讨厌的内联样式，包含多个！important： - ）

表格单元格内的Textarea在Firefox下不会调整为单元格高度

1 个答案: