我想我在这里做错了什么，我希望 textarea 在每边都比父 div 小 10px，但事实并非如此，它太小了:
<html>
<div style="position: absolute; left: 10px; top: 10px; width:50%; height: 50%; border: 1px solid #000000;">
<textarea style="position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; border: 1px solid #FF0000; resize:none;"></textarea>
</div>
</html>
jsfiddle:http://jsfiddle.net/2a7LR/1/
为什么会这样？我怎样才能让它适合父 div 每边小 10 像素？
它只在 chrome/safari 中正确显示，但在所有其他浏览器(firefox、opera、IE8)中显示错误
最佳答案
http://jsfiddle.net/2a7LR/5/为您调整了一些 CSS。基本上使用 width: 100%; height: 100%，将 10px 移动到容器的 padding 属性，然后将 box-sizing 添加到 textarea 使尺寸考虑到边框。
关于css - div 内的文本区域，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10751252/