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容器最小高度问题

回答

相关问题