CSS - 浮动到最大宽度

Question

所以我在半弹性容器中制作一排物品。在左侧有一个配置文件图像，然后将内容浮动到其右侧（均向左浮动）。

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

CSS：

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

HTML：

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

Answer 1

它没有多大意义漂浮的东西，当你希望它扩大，以填补父。只需删除float: left和.info部门的宽度属性，以便它将展开以填充父级的宽度，然后添加一个margin-left: 100px以将其从仍然浮动到左侧的下方推出。

Answer 2

如果你要浮动任何你必须给它的父元素的元素，clear：both，overflow：hidden ;.

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

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