css浮動布局的特點是什么？【前端技術】

選擇器 { float: 屬性值; }

　　1. 浮動元素會脫離標準流(脫標)。

　　1. 浮動的元素會一行內顯示并且元素頂部對齊。

　　2. 浮動的元素會具有行內塊元素的特性。

設置了浮動（float）的元素最重要特性：

　　1. 脫離標準普通流的控制(浮) 移動到指定位置(動), (俗稱脫標)

　　2. 浮動的盒子不再保留原先的位置

　　3. 如果多個盒子都設置了浮動，則它們會按照屬性值一行內顯示并且頂端對齊排列。

注意： 浮動的元素是互相貼靠在一起的(不會有縫隙)，如果父級寬度裝不下這些浮動的盒子，多出的盒子會另起一行對齊。

3. 浮動元素會具有行內塊元素特性。

任何元素都可以浮動。不管原先是什么模式的元素，添加浮動之后具有行內塊元素相似的特性。如果塊級盒子沒有設置寬度，默認寬度和父級一樣寬，但是添加浮動后，它的大小根據內容來決定，浮動的盒子中間是沒有縫隙的，是緊挨著一起的，行內元素同理。

浮動元素經常和標準流父級搭配使用

為了約束浮動元素位置, 我們網頁布局一般采取的策略是:先用標準流的父元素排列上下位置, 之后內部子元素采取浮動排列左右位置. 符合網頁布局第一準側。