Question

我知道，SO上也有类似的问题，但答案似乎对我没有用。我的表有一个填充多行的单元格，我希望textarea填满整个单元格。我发现的代码不适用于身高。

的 CSS

textarea {
    width: 100%;
    height: 100%;
    resize: none;
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
    -moz-box-sizing: border-box; /* FF1+ */
    box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
}

小提琴： https://jsfiddle.net/4nkwhLj5/

Answer 1

您可以将position: relative添加到td，将position: absolute添加到textarea。

这是小提琴： https://jsfiddle.net/stefarossi/5Lwhg7mb/2/

希望你能发现这个有用。

Answer 2

由于您使用的是表格显示，因此100％仅会考虑父行。你需要更加具体的高度设置，并将表的高度添加到textarea，在这种情况下

height: 126px

请参阅小提琴https://jsfiddle.net/4nkwhLj5/1/

Answer 3

没有％高度的解决方案，您需要使用例如像素大小（例如300px）来精确调整大小，尽管在这种情况下我会使用行和列：

<textarea cols="15" rows="10"></textarea>

有关列和行大小的详细信息：w3schools

使textarea填充表格单元格

3 个答案: