Question

您好我遇到了以下问题：我使用min-height：230px，因为div中的文本需要这个高度。但是Iphone需要另一个高度，所以它应该增加到320px。我的想法是使用高度：自动，所以它自动适应文本的高度，但由于某种原因它不起作用。该网站为http://www.sterntaufe-deutschland.de/，请查看“ÜberSterntaufeDeutschland”下面的内容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>

Div容器最小高度错误

1 个答案: