css - Div 容器最小高度错误

Question

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

Answer 1

你不能通过设置来min-height重置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>