今天這篇文章我們來說一下css的浮動屬性（float），給塊狀元素增加float屬性可以使其轉變為行內元素，也就是我們所說標簽對象浮動居左靠左（float:left）和浮動居右靠右(float:right)。
（1）float使用語法
css的float主要有3個屬性值none、left、right，默認為none；具體的使用如下所示：
float:none; （不使用浮動）
float:left; （靠左浮動）
float:right; （靠右浮動）
（2）float使用案例
我們通過案例來實際演練一下float元素的使用技巧。
1、float:left的使用練習
我們這里創立一個導航條做網頁用浮動還是定位，導航條包含首頁、關于我們、新聞中心、案例展現等欄目名稱。具體的網頁代碼以及顯示效果就如下圖所示：
由上圖可以看出默認的樣式是豎排顯示的，但是我們常見的網頁導航條都是橫排顯示的，這時候我們即可以使用float屬性來使塊狀元素轉變為行內元素，并讓居左顯示。
這里我們創立一個寬度為980px的導航條，給子元素（li）增加float的屬性并對齊進行填充（）以及外間距（）的潤色。具體的網頁代碼以及顯示效果就如下圖所示：
網頁中的顯示效果：
2、float:right的使用練習
float:right顧名思義用于元素靠右對齊，我們來看下面的一個例子，我們隨便寫一篇文字，而后文字中插入一張圖片并使圖片右對齊。
我們再網頁中可以看到圖片已經浮動到網頁的右側中去了。
好了，本篇文章就給大家說到這里，大家可以注意看下我們使用float之后會出現什么問題，下邊文章我們會給大家講解如何清理float帶來的負面影響。
每日金句：你不能拼爹的時候，你就只能去拼命！喜歡我的文章的小伙伴記得關注一下哦做網頁用浮動還是定位，每天將為你升級最新知識。