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

嗨，我有一个文本框，我将高度设置为0

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

输入{
身高：0；
填充：0；
保证金：0；
}

---

它是

边框

输入{
身高：0；
填充：0；
保证金：0；
边界：0；
}

---

这是由于仍保留输入的

边框属性造成的。加

input {
  border: 0;
}


输入{
身高：0；
填充：0；
保证金：0；
边界：0；
}
为什么不将其类型隐藏？或者使用display:none？@Rik Lewis我问的只是一个有趣的问题。