Html CSS-浮动到最大宽度

所以我在一个半弹性的容器里做了一排东西。左侧有一个配置文件图像，然后内容浮动到它的右侧（两个都浮动到左侧）

我试图做的是使内容浮动为最大可能宽度，而不是最小可能宽度（因为浮动的原因）

CSS:

HTML:

IMG
信息

当您希望某个对象展开以填充父对象时，将其浮动没有多大意义。只需从

.info

分区中删除

float:left

和width属性，使其扩展以填充父元素的宽度，然后添加

边距left:100px

，将其从仍然浮动到左侧的元素下推出。

如果要浮动任何元素，则必须为其父元素赋值，清除：两者，溢出：隐藏

#container {
width: 800px;
clear: both;
overflow: hidden;
}

.profile {
   float: left;
   width: 100px;
}
.info {
   float: left:
   min-width: 400px;
   max-width: 700px;
}

---

我想我最终会这样做，我只是想知道是否有一种方法可以让它们都浮动并尽可能地扩展。所以，你想

info

div的宽度从400px到700px不等？

<div id="container">
    <div class="profile">
        IMG
    </div>
    <div class="info">
        INFO
    </div>
</div>

#container {
width: 800px;
clear: both;
overflow: hidden;
}

.profile {
   float: left;
   width: 100px;
}
.info {
   float: left:
   min-width: 400px;
   max-width: 700px;
}