1.脫離標準流
2.向左或者向右移動，直到自己的邊界緊貼著包含塊（一般是父元素）或其他浮動元素的邊界為止
浮動元素不能與行內級內容層疊，行內級元素將會被浮動元素推出
比如，行內級元素，inline-block元素，塊級元素的文字內容，塊級元素的文字內容
*利用此特性，可以輕鬆實現文字環繞功能
行內級元素、inline-block元素浮動後，其頂部將與所在行的頂部對齊
如果元素是左（右）浮動，浮動元素的左(右)邊界不能超出包含塊的左（右）邊界
1.浮動元素之間不能層疊
2.如果乙個元素浮動，另外乙個浮動元素已經在那個位置了，後浮動的元素將緊貼著前乙個浮動元素（左浮動找左浮動右浮動找右浮動）
3.如果水平方向剩餘的空間不夠顯示浮動元素，浮動元素將向下移動，直到右充足的空間為止
浮動元素的頂端不能超過父元素的頂端，也不能超過之前所有的浮動元素的頂端
.box1
.box2
.out
class
="out"
>
class
="box1"
>
我是box1div
原因：box1浮動脫離標準流，不佔據父元素的寬度，所以box2自動往上移
class
="box2"
>
我是box2div
原因：box1浮動脫離標準流，不佔據父元素的寬度，所以box2自動往上移，又因為浮動元素不能與塊級元素的文字內容，塊級元素的文字內容將會被浮動元素推出（規則二）
原因：box1，box2都浮動脫離標準流，1.浮動元素之間不能層疊，2.如果乙個元素浮動，另外乙個浮動元素已經在那個位置了，後浮動的元素將緊貼著前乙個浮動元素（左浮動找左浮動右浮動找右浮動）（規則五）
原因：如果水平方向剩餘的空間不夠顯示浮動元素，浮動元素將向下移動，直到右充足的空間為止（規則五）
原因：浮動元素的頂端不能超過父元素的頂端，也不能超過之前所有的浮動元素的頂端（規則六）即不能超過box2
6.1「出世；人們剛剛適應「,前面還有空隙
電商或許是最適span
>
class
="box1"
>
div>
>
宜詮釋不確定性strong
>
div>
電商或許是最適與宜詮釋不確定性並沒有對齊
原因：span浮動脫離了標準流，所以觸發bfc結界，在頂部顯示
float浮動後，父級元素高度塌陷和遮蓋問題
當子元素不浮動的時候，父元素的高度是由子元素撐起來的。子元素a和b是兩個div，獨佔一行 效果如圖 當子元素b浮動起來之後，父元素高度塌陷到只剩子元素a的高度 效果如圖 當給子元素a div 設定css屬性 display inline 後，a的寬高將不起作用，寬高由內容撐開，即被字母a撐開。此時父...
CSS中的浮動（float）
宣告 本人的所有部落格皆為個人筆記，作為個人知識索引使用，因此在敘述上存在邏輯不通順 跨度大等問題，希望理解。分享出來僅供大家學習翻閱，若有錯誤希望指出，感謝！網頁布局的核心 就是用 css 來擺放盒子 css 提供了來設定盒子的擺放位置，分別是 標準流 和，其中 普通流 標準流 行內元素會按照順序...
CSS 浮動元素（float）的認識
float屬性的值可以是left right或者none。用兩個例子來說明吧 1 混排 causas naturales et antecedentes,idciro etiam nostrarum voluntatum.picture 2 一行兩列 xhtml example source cod...