Question

我使用以下HTML：

<textarea></textarea>

以下CSS：

textarea{
display: block;
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
width: 100px;
height: 100px;
resize: none;
}

Firefox，Safari给我的正是我所期望的100 x 100的textarea，但Chrome 111 x 111（甚至Chrome检查器显示100x100）。

以下是我拍摄的截图：http://afbeelding.im/GF5f3d

Answer 1

对填充和边距内容感到困惑？ box-sizing就在这里！

box-sizing可以确保元素的大小与您设置的完全大小相同，无论填充或边距是多少，它仍然是相同的。

box-sizing: border-box;  //This will make your life much easier.