html - 将按钮直接放在文本区域下方时会创建额外的空间

Question

将按钮直接放在文本区域下方时，Chrome 和 Firefox 都会创建额外的空间（我尚未测试其他浏览器）。这是一个复制问题的小提琴。这是代码：

HTML

<div>
    <textarea></textarea>
    <button></button>
</div>

CSS

div {
    width: 100px;
    height: 125px;
}
textarea {
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background: red;
    resize: none;
}
button {
    width: 100px;
    height: 25px;
    border: none;
    background: blue;
    margin: 0;
    padding;
}