设置自动调整大小的div的最小宽度

Question

Expand a div to take the remaining width提供了一种很好的方法来使div使用剩余的宽度。但是如果剩余宽度接近0怎么办？我有2个div：一个带有浮动图像，左边是图像的宽度，第二个带有一些文本。随着窗口宽度变窄，第二个div的宽度变得越来越窄，直到它消失（然后移动到第一个div下面，这是正确的）。我想保持第二个div的最小宽度，我正在尝试使用min-width。但它似乎没有任何区别。有什么建议吗？

<div>
    <div style="float: left;">
        <a href=...></a>
    </div>
    <div style="overflow:hidden; min-width:60px">
        <p>Some text ...</p>
    </div>
    <div style="clear:both;">&nbsp;</div>
<div>

Answer 1

您想要使用

.yourdiv {
    min-width: 100px;
}

请注意最小宽度的短划线。