溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下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怎樣讓盒子浮動的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
