我想我在这里做错了,我希望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 px？
它只在chrome/safari中正确显示,但在其他所有浏览器中都出错(firefox,opera,IE8)
Nie*_*sol 10
http://jsfiddle.net/2a7LR/5/为你调整了一些CSS.基本上使用width: 100%; height: 100%,移动10px到容器的padding属性,然后添加box-sizing到textarea使大小考虑到边框.