Css 宽度为100%时添加到元素的滚动条

我很好奇为什么溢出：自动规则在这种情况下添加滚动条

CSS:

html:

如果此文本区域的宽度为100%，并且没有边距和填充，那么如何使其溢出容器框？
由于边框的原因，添加了滚动条。添加
边框：无规则到文本区域：

textarea {
    width: 100%;
    margin:0;
    padding:0;
    border: none;
}

用于调整箱子尺寸

textarea {
            width: 100%;
            margin:0;
            padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

        }

谢谢，这个框大小似乎是一件很棒的事情，我真不敢相信，如果没有-moz-prefixTry来删除文本区域中的“cols”，它仍然不能在firefox中使用。也许这会很方便。。。
textarea {
    width: 100%;
    margin:0;
    padding:0;
    border: none;
}

textarea {
            width: 100%;
            margin:0;
            padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

        }