Question

我在TD标签内有一个Textarea，我想将textarea宽度设置为100％，因此宽度与TD宽度相同。

我用过：

textarea{width:100%}

但它不起作用。

任何人都有任何想法，为什么它不能正常工作？

由于

Answer 1

问题是，据我所知：你的textarea希望得到它所在的td的宽度（100％）。但td的动态宽度为默认情况下，所以除非你没有指定td的宽度，否则你的textarea不会是你单元格的100％。

单元格本身没有宽度，即使您认为它将使用您的表格自动缩放。嗯，它没有，因为这个自动缩放是由它内部的内容决定的。因此，100％的内容不能被解释为正确，因为100％取决于td的宽度，而{{1}}本身就是动态的。

我可以像这样继续循环使用这个答案......

Answer 2

你关闭了textarea标签吗？以下作品：

<html>
<head>
</head>
<body>
<table style="width:500px;border:1px solid red"><tr><td>
<textarea style="width:100%"></textarea>
</td></tr></table>
</body>
</html>

Answer 3

尝试

-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;

CSS将Textarea宽度设置为100％

3 个答案: