我有一个赢得';当我用CSS或纯HTML设置它时,它没有100%的宽度?

我有一个赢得';当我用CSS或纯HTML设置它时,它没有100%的宽度?,html,css,Html,Css,如何将textarea设置为100%宽度?当我在css中说:textarea{width:100%}时,它不起作用。确保所有父元素都具有适当的宽度-如果没有帮助,请发布更多信息。您忘记了半列: textarea { width: 100%; } 但是父元素可能只是限制了的宽度,因此没有看到您的代码,您的问题就没有具体的答案。有几种方法可以解决此问题: 赋予父元素一个填充权限,该权限等于文本区域的累计边框宽度和填充(所有浏览器都支持) 设置宽度时,使用框大小调整属性包括边框和填充: -

如何将textarea设置为100%宽度?当我在css中说:textarea{width:100%}时,它不起作用。

确保所有父元素都具有适当的宽度-如果没有帮助,请发布更多信息。

您忘记了半列:

textarea {
    width: 100%;
}

但是父元素可能只是限制了
的宽度,因此没有看到您的代码,您的问题就没有具体的答案。

有几种方法可以解决此问题:

  • 赋予父元素一个
    填充权限
    ,该权限等于文本区域的累计边框宽度和填充(所有浏览器都支持)
  • 设置宽度时,使用
    框大小调整
    属性包括边框和填充:

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    (由IE8+和所有其他浏览器支持)


似乎适用于IE和Firefox。有代码或其他信息吗?上一条规则不需要。看到我在这个网站上写的几乎每一个答案。@thirtydot:这在这里没有什么区别,但我不同意:尽管它完全不是必需的,但它是一种很好的样式,使维护更容易一些(除非你优化字节)。(虽然我是最后一个开口说话的人,但我经常在一行
if
statements blush中省略卷发)@Amadan:这取决于你如何看待它;因为我总是省略最后一个分号,我总是知道的,所以这丝毫不会影响我维护的难度,不管我是不是在看省略它的CSSfriendsconnect.org/dashboard/dashboard.html如果您现在查看它,您知道为什么textarea似乎比父DIV长吗?我将两个文本区域设置为100%,但它们超出了div?为什么我要做不同的事情呢friendsconnect.org/dashboard/dashboard.html如果你现在看一下,你知道为什么textarea看起来比父DIV长吗?我将两个文本区域设置为100%,但它们超出了div?我为什么要这么做differently@PeteAllport:向
添加填充和边框使其宽度超过100%。你需要给它一个绝对值,比如
418px