css如何讓盒子浮動

css讓盒子浮動的方法：可以利用float屬性來實現，如【float: left;】。 float屬性可以讓多個盒子水平排列成一行、居左或居右，盒子的寬度不再伸展，而是根據盒子裡面的內容的寬度來決定。

盒子的浮動

在標準流中，一個區塊級元素在水平方向會自動伸展，知道包含它的元素的邊接；而在垂直方向與相鄰元素依序排列，不能並排。

（學習影片推薦：java影片教學）

CSS中float屬性，預設為none。將float屬性的值設為left或right，元素就會向其父元素的左側或右側靠緊。同時預設情況下，盒子的寬度不再伸展，而是根據盒子裡面的內容的寬度來決定。

float: left;

可以使用clear來清除浮動：

clear: left | right | both;

浮動(float)

作用：讓多個盒子水平排列成一行、居左居右

#語法：選擇器{ float: 屬性值; }

left：元素向左浮动
right：元素向右浮动

特點：

#會浮在標準流的上層

顯示不會佔標準流盒子的位置

會轉換為類似行內區塊的元素，但元素之間沒有間隙

相關推薦：CSS教學

#

以上是css如何讓盒子浮動的詳細內容。更多資訊請關注PHP中文網其他相關文章！