分配一些HTML元素(如表单输入)100%宽度时 – 您不能再应用任何可能影响宽度的其他样式.边框或填充等内容会导致元素超过100%.这导致可能在其父元素之外的笨拙元素.
由于CSS不支持宽度:100% – 2px;我知道的唯一方法是使用绝对像素宽度(宽度:98px)或将元素切掉100%,这实际上不是一个选项.
最佳答案
与adding another div一起,解决方案很快就会使用CSS 3将box-sizing attribute添加到CSS规则中.这个新的CSS 3值已经可以在IE 8和所有其他浏览器中使用 – 所以如果你不介意跳过IE 6& 7你现在可以使用它!
textarea {
-webkit-Box-sizing: border-Box; /* Safari/Chrome,other WebKit */
-moz-Box-sizing: border-Box; /* Firefox,other Gecko */
Box-sizing: border-Box; /* Opera/IE 8+ */
}