Div容器最小高度問題

嗨，我得到了以下問題：我使用min-height：230px，因爲div內的文本需要這個高度。但Iphone需要另一個高度，所以它應該增加到320像素。我的想法是使用height：auto，所以它自動適合文本的高度，但由於某種原因它不起作用。網站是http://www.sterntaufe-deutschland.de/請檢查下面的內容「ÜberSterntaufe Deutschland」4個文本框。Div容器最小高度問題

來源

2012-12-31 Marc Mayr

您不能通過設置height來重設min-height。您應該重設（或根本不指定）min-height本身。

順便說一句，考慮使用display: inline-block爲每個項目，所以不需要指定任何高度，因爲他們會自動垂直對齊。例如：

UL.services {font-size: 0; } 

UL.services > LI { 
    display: inline-block; 
    font-size: 14px; 
    width: 50%; 
    vertical-align: top; 
}

HTML：

<ul class="services"> 
    <li> 
     <h3>30 Tage Rückgaberecht</h3> 
     <p>Wir taufen nur gut sichtbare Sterne!</p> 
    </li> 

    <li> 
     <h3>Schneller Versand</h3> 
     <p>Durch unsere langjährige Erfahrung.</p> 
    </li> 

    <li> 
     <h3>Das Sterntaufenregister</h3> 
     <p>Wir sind Partner des Sterntaufenregisters.</p> 
    </li> 

    <li> 
     <h3>Wir sind für Sie da</h3> 
     <p>Sollten Sie bei uns einen Stern kaufen.</p> 
    </li> 
</ul>

來源

2012-12-31 15:59:29

要重置最小高度將其設置爲零（0）也在這裏看到：http://www.css4you.de/min-height.html 但是要重置高度，您應該使用「自動」作爲默認值，另請參閱：http://www.css4you.de/height.html – algorhythm

Div容器最小高度問題

回答

相關問題