CSS浮動&自適應寬度 CSS浮動是一種流行的布局技術，它允許元素浮動到其容器的左側或右側，并將其他元素填充在其周圍。最常見的用法是在web設計中使用，以創建多列布局。 浮動使用的是float屬性。通過將元素的float屬性設置為left或right，我們可以將元素浮動到容器的左側或右側。如下所示：

p {
float: left;
}

當我們將一個元素浮動到左側時，其他元素會從右側填充到該元素周圍。同樣地，當我們將一個元素浮動到右側時，其他元素會從左側填充到該元素周圍。 但是，使用浮動布局時，要注意元素的寬度。如果沒有設置寬度屬性，元素將擴展到容器的寬度，導致布局混亂。因此，我們需要使用CSS自適應寬度技術，確保元素大小與所在容器大小相匹配，從而創建出完美的布局。 使用CSS自適應寬度技術，我們可以通過百分比指定元素的寬度。例如，如果我們希望一個元素居中并占據容器的50%寬度，我們可以使用以下代碼：

p {
width: 50%;
margin: 0 auto;
}

這將使元素占據容器的一半寬度，并相對于容器居中對齊。 綜上所述，CSS浮動和自適應寬度是構建Web布局的重要技術，可以幫助我們輕松創建多列布局并確保元素大小符合所在容器大小。