css - Div 容器最小高度错误

Question

您好，我遇到了以下问题:我使用 min-height:230px 因为 div 中的文本需要这个高度。但是 Iphone 需要另一个高度，所以它应该增加到 320px。我的想法是使用 height:auto 以便它自动使高度适合文本，但由于某种原因它不起作用。网址是http://www.sterntaufe-deutschland.de/请勾选“Über Sterntaufe Deutschland”下方4个文本框的内容。

Answer 1

您不能通过设置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>