为什么高度为0的文本框仍占据垂直空间

Question

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

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

＆＃13;

＆＃13;

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

＆＃13;

<input type="text" />

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

input {
  border: 0;
}

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

<input type="text" />

Answer 2

是border

＆＃13;

＆＃13;

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

＆＃13;

<input type="text" />

＆＃13;

＆＃13;

＆＃13;