在寫程式的過程中經常會遇到這樣的問題：希望某乙個塊或者元素到我指定的區域。這就涉及到定位和浮動的問題，下面我將詳細說明css中的浮動。
一、浮動（float）-------
正常文件流中：塊級元素從上到下依次排列，內嵌元素從左到右依次排列。
浮動：顧名思義，指元素從正常文件流中脫離出來，按照我們的想法而使元素達到指定的區域位置的功能。
1、浮動的物件：css中我們可以浮動任何元素，包括段落、列表、div、影象等。
2、浮動的功能，浮動是基於css的現代web設計用到的主要功能之一：
a、它可以用來建立多列的網頁布局；
b、從無序列表建立導航工具條；
c、不適用table而建立類似**的對齊方式等。
3、浮動的屬性：none （不浮動）、right（向右浮動）left（向左浮動）
示例：float:left 在css中寫 .a
.b （float:right ）
.c (float:right)顯示結果是兩個方塊均靠右
在html 中呼叫
顯示的結果是：在整個塊c中，a顯示在左邊，b接在a的後面顯示。
float:right 在css中寫 .a
.b （float：right）
.c （float：left）顯示結果同下圖相同
在html 中呼叫
顯示的結果是：在整個塊c中，a靠左padding區域內，b靠右顯示在c的padding區。
4、浮動的基本行為：
a、當float不等於none引起浮動時，元素將被視作塊級元素（即浮動只對塊級元素產生影響），若想要對內嵌元素產生浮動，需將內嵌元素定義為塊級元素（使用 display:block）。
b、當需要對乙個段落進行浮動時，需要指定該元素的寬度（width），不然，元素內容會摺疊刀最可能的最小寬度。
c、浮動的元素會停留在它的父級元素padding區域內。
d、浮動元素的margin不會重合。
e、不被塊級元素包含的浮動元素的頂部不能比前面的塊級元素高。
產生浮動後，我們在某些時候希望浮動能被清除掉，使我們後面的元素能按照正常的文件流執行。
二、清除浮動（clear）
clear：阻止乙個元素出現在浮動元素的後面，使clear後面的元素能按照文件流的正常順序執行。
clear屬性:none （兩邊都可以有浮動元素） left （不允許左邊出現浮動元素） right （不允許右邊出現浮動元素）both（兩邊都不允許出現浮動元素）
clear 只能用於塊級元素
css中的浮動及清除浮動
float 文件流1.float left right none inherit 2.文件流是文件中可顯示物件在排列時所占用的位置。3.浮動的定義 在非ie瀏覽器下，當容器的高度為auto，且容器中的內容中有浮動的元素，在這種情況下，容器的高度不能自動伸長以適應內容的高度，使得內容溢位到容器外面而影...
CSS中的浮動和清除浮動
浮動核心就一句話 浮動元素會脫離文件流並向左 向右浮動，直到碰到父元素或者另乙個浮動元素。請默念3次！浮動最初設計的目的並沒那麼多事兒，就只是用來實現文字環繞效果而已，如下所示 但是早期的前端開發者發現 浮動的元素可以設定寬高並且可以內聯排列，是介於inline和block之間的乙個神奇的存在，在i...
CSS中的浮動（float）
宣告 本人的所有部落格皆為個人筆記，作為個人知識索引使用，因此在敘述上存在邏輯不通順 跨度大等問題，希望理解。分享出來僅供大家學習翻閱，若有錯誤希望指出，感謝！網頁布局的核心 就是用 css 來擺放盒子 css 提供了來設定盒子的擺放位置，分別是 標準流 和，其中 普通流 標準流 行內元素會按照順序...