在寫頁面布局的過程中，浮動是大家經常用的屬性。在好多的排版布局中都是用的的浮動比如說下面這些地方都是應用到了浮動。 在我學習浮動的時候可是熬壞了腦筋，在這里我分享一下我對浮動這塊知識的總結。 一、浮動的定義 　　使元素脫離文檔流，按照指定的方向（左或右發生移動），直到 ...

文檔流 　　css中的塊級元素在頁面中是獨占一行的，自上而下排列，也就是我們所說的流，通常我們稱之為文檔流或標准流。 浮動 　　使元素脫離文檔流，按照指定的方向（左或右發生移動），直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。起初，W3C規定出來的浮動實際並不是為了布局 ...

1.浮動float 　　div配合float浮動來做頁面的布局，浮動最常用的地方就是用來做布局。只有一個標簽設置了浮動float屬性，就會變成塊級標簽。 2.清除浮動clear屬性 （1）利用偽元素具有clear清除浮動的屬性來解決父標簽塌陷 ...

清除浮動是為了解決高度塌陷的問題:內層有好幾個div有寬有高，並且選擇了浮動定位，但是外層的div卻並沒有設置寬高。在非IE瀏覽器（如Firefox）下，當容器的高度為auto，且容器的內容中有浮動（float為left或right）的元素，在這種情況下，容器的高度不能自動伸長以適應內容的高度 ...

有很多時候，我們都會用到浮動，而我們有時候對浮動只是一知半解，卻不是太清楚它到底是怎么回事，不知道各位有沒有和我一樣的感覺，只知道用它，卻不知道它到底是怎么回事，所以，在學習的過程中，就要把一個概念不是很清晰的問題把它弄清楚了，便於我們以后的使用。早些時候，W3C規定出來的浮動實際並不是 ...

浮動介紹 浮動（float）最初是為了讓文字環繞圖片排布，就想報紙上面的圖文混排模式。但 Web 開發人員很快意識到，任何東西都可以浮動，而不僅僅是圖像，所以浮動的使用范圍擴大了。浮動曾被用來實現整個網站頁面的布局，它使信息列得以橫向排列（默認的設定則是按照這些列在源代碼中出現的順序縱向排列 ...

什么叫浮動：浮動會使當前標簽脫離文檔流，產生上浮的效果，同時還會影響周邊元素（前后標簽）及父級元素的位置和width，height屬性。下面用一個小例子來看一看浮動的全過程：1.首先我們新建一個網頁，在網頁中用div元素創建三個小的正方形，為了區別分別給他們不同的ID值和背景顏色，代碼 ...

。 　　尚不知曉，猜測是只能清除浮動帶來的父元素塌陷，但無法閉合浮動（待驗證） 4、設置父元素的di ...