爲什麼文本框與高度0仍然佔據垂直房地產

Question

您好我有一個文本框和我的高度設置爲0

只是想知道爲什麼它甚至可見或全部佔用任何空間。

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

<input type="text" />

Answer 1

它是border

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

<input type="text" />

Answer 2

正是由於尚存輸入的border財產。添加

input { 
    border: 0; 
} 

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

<input type="text" />