Html CSS将文本区域宽度设置为100%_Html_Css

Html CSS将文本区域宽度设置为100%

html css

Html CSS将文本区域宽度设置为100%,html,css,Html,Css,我在TD标签中有一个Textarea，我想将Textarea宽度设置为100%，以便宽度与TD宽度相同我用过： textarea{width:100%} 但它不起作用有人知道它为什么不起作用吗谢谢就我所能想到的问题是：您的文本区域想要从它所在的td中获取其宽度（100%）。但是默认情况下，td具有动态宽度，因此除非您不指定td的宽度，否则您的文本区域将不会是单元格的100% 单元格本身没有宽度，即使您认为它会随表格自动缩放。事实并非如此，因为这种自动缩放是由内部内容决定的。因此，100%

我在TD标签中有一个Textarea，我想将Textarea宽度设置为100%，以便宽度与TD宽度相同

我用过：

textarea{width:100%}

但它不起作用

有人知道它为什么不起作用吗

谢谢

就我所能想到的问题是：您的文本区域想要从它所在的

td

中获取其宽度（100%）。但是默认情况下，

td

具有动态宽度，因此除非您不指定

td

的宽度，否则您的文本区域将不会是单元格的100%

单元格本身没有宽度，即使您认为它会随表格自动缩放。事实并非如此，因为这种自动缩放是由内部内容决定的。因此，100%的内容解释不正确，因为100%取决于

td

的宽度，而td本身是动态的

我可以继续这样循环回答…

你关闭了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>

试试看

“它不起作用”

是对该问题的一种非常无用的描述。有什么问题让你说它“不起作用”？有效。。。如果没有更多细节，很难说为什么它在你的情况下不起作用。也许是另一种风格在干扰？@optus:你已经为你的td设置了一个宽度，骗子；）我想@Satch3000忘了那个。为什么它只在我使用内联css时才起作用？我想将所有textarea设置为100%，但只有内联样式有效。可能是因为不同的。直接设置

style

属性几乎是最具体的。您还可以尝试覆盖更具体的选择器：textarea{width:100%！important}

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