html - 如何在填充方面获得与文本框相同的 div 行为

Question

在将填充设置为空文本框时，它的行为如下:

对一个空的 div 做同样的事情，它的行为是这样的:

两个元素有相同的内边距，但文本框比 div 高。

我想这是因为文本框假定会有内容(见光标)，但 div 没有内容，因此它不如没有内容的文本框高。

即使没有内容，我怎样才能使 div 与文本框具有相同的高度？

Answer 1

您必须手动向 div 提及高度以用于 input 它会在渲染后标记一些默认的 height

input {
    padding:10px
}
div {
    border: 1px;
    width: 100px;
    padding: 10px;
    height: 13px;
    background-color :#e9e9e9;
}

Demo here