這篇文章給大家分享的是有關CSS中Float浮動怎么用的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創新互聯服務項目包括宜川網站建設、宜川網站制作、宜川網頁制作以及宜川網絡營銷策劃等。多年來，我們專注于互聯網行業，利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等，向廣大中小型企業、政府機構等提供互聯網行業的解決方案，宜川網站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到宜川省份的部分城市，未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任！

CSS的 Float（浮動），會使元素向左或向右移動，其周圍的元素也會重新排列。

Float（浮動），往往是用于圖像，但它在布局時一樣非常有用。

元素怎樣浮動？

元素的水平方向浮動，意味著元素只能左右移動而不能上下移動。

一個浮動元素會盡量向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。

浮動元素之后的元素將圍繞它。

浮動元素之前的元素將不會受到影響。

如果圖像是右浮動，下面的文本流將環繞在它左邊：

實例

img

{

float:right;

}

彼此相鄰的浮動元素

如果你把幾個浮動的元素放到一起，如果有空間的話，它們將彼此相鄰。

在這里，我們對圖片廊使用 float屬性：

實例

.thumbnail

{

float:left;

width:110px;

height:90px;

margin:5px;

}

清除浮動 -使用 clear

元素浮動之后，周圍的元素會重新排列，為了避免這種情況，使用 clear屬性。

clear屬性指定元素兩側不能出現浮動元素。

使用 clear屬性往文本中添加圖片廊：

實例

.text_line

{

clear:both;

}

感謝各位的閱讀！關于“CSS中Float浮動怎么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

當前標題：CSS中Float浮動怎么用
文章出自：http://www.yijiale78.com/article34/pcedse.html

成都網站建設公司_創新互聯，為您提供Google、微信小程序、企業網站制作、網站營銷、App設計、手機網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯