html - 为什么高度为 0 的文本框仍然占用垂直空间

Question

您好，我有一个文本框，我将高度设置为 0。

只是想知道为什么它甚至可见或占用任何空间。

input {
  height: 0;
  padding: 0;
  margin: 0;
}

<input type="text" />

Answer 1

这是由于输入的 border 属性仍然存在。添加

input {
  border: 0;
}

input {
  height: 0;
  padding: 0;
  margin: 0;
  border:0;
}

<input type="text" />