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

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

的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;
}

最佳答案

将display上的textarea属性更改为block，它们应该对齐，并且之间没有间隙。通常，当我有一些HTML元素未正确排列时，我会玩display属性，因为它通常是罪魁祸首。

演示：http://jsfiddle.net/8kzpf/

关于html - 当将按钮直接放置在文本区域下方时，会创建额外的空间，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18166657/