Div高度：0px不起作用？

Question

<div style="height:0px;max-height:0px"> 
</div> 

將div高度設置爲0px似乎不起作用。

div展開顯示其內容，我們如何防止這種情況發生？

Answer 1

如果你真的想要確定它會沒有高度，你可以使用這樣的事情：

display: block; 
line-height:0; 
height: 0; 
overflow: hidden; 

如果您還有關於IE的問題，你還可以添加

zoom: 1; 

它在針對IE瀏覽器條件註釋樣式表。這將觸發IE中的hasLayout屬性。

並且顯示：none與將其設置爲零高度不同。只要看看各種clearfix解決方案的情況，其中而不是從流中移除它至關重要。

Answer 2

設置overflow:hidden。否則，內容將展開包裝元素。

Answer 3

嘗試溢出：隱藏

Answer 4

你可以嘗試加入「溢出：隱藏」的風格

Answer 5

嘗試還設置line-height: 0;

如果你想隱藏你的div徹底，使用display: none;

Answer 6

你還沒有說過你正在使用哪個瀏覽器，但我假設IE瀏覽器，因爲它是我知道的唯一瀏覽器heightmin-height。就像其他人已經說過的那樣，overflow:hidden;可以工作，或者line-height: 0;，但你只需要其中的一個。

設置height: 0;將已經觸發IE的hasLayout，所以在這種情況下不需要zoom:1;。

Answer 7

不太清楚你想要做什麼，斷章取義，但試試這個：

display:none; 
overflow:hidden: 
height:0; 
line-height:0; 
border:0; 
margin:0; 

Answer 8

#yiv1734505183 .yiv1734505183portrait{ 
    display:none; 
    font-size:0; 
    max-height:0; 
    line-height:0; 
    padding:0; 
    overflow:hidden; 
} 

@media (min-width:481px){ 
    #yiv1734505183 .yiv1734505183mobile-hide{ 
     display:block; 
     overflow:visible; 
     width:auto !important; 
     max-height:inherit !important; 
     min-height:auto !important; 
    } 
} 
@media (min-width:481px){ 
    #yiv1734505183 .yiv1734505183portrait{ 
     display:none; 
     font-size:0; 
     line-height:0; 
     min-height:0; 
     overflow 

Answer 9

這個工作對我來說：

.zippy{ 
    padding: 0; 
    height: 0; 
    overflow: hidden; 
} 

感謝。

Answer 10

對於我來說，在Windows 10，火狐58.0.1，它不會完全隱藏，除非使用此：

display: block !important; 
line-height: 0 !important; 
height: 0 !important; 
overflow: hidden !important; 
zoom: 1 !important; 
padding: 0 !important; 
margin-bottom: 0; 
border: none;