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; 
}