小編給大家分享一下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怎樣讓盒子浮動-創新互聯
當前網址:http://vcdvsql.cn/article0/pjpio.html
成都網站建設公司_創新互聯,為您提供靜態網站、網站建設、網站排名、網站設計、用戶體驗、云服務器
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯