在了解CSS中的浮動和定位之前有必要先了解清楚標准流和脫離標准流的特性 標准流的默認特性 1、分行、塊級元素，並且能夠dispay轉換。 2、塊級元素（block）：默認獨占一行，不能並列顯示，能夠設置寬、高，寬度為父盒子的100%。例如：div、p、標題元素（h1-h6）、列表元素 ...

浮動 浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。由於浮動框不在文檔的普通流中，所以文檔的普通流中的塊框表現得就像浮動框不存在一樣。 —— W3C 文字環繞 float可以實現塊級元素的文本環繞浮動元素的布局 小貼士： 行內塊 ...

： CSS盒子定位： 什么是盒子定位呢，顧名思義，就是元素盒子（以下主要以塊級盒講解）在頁面中的位置，定位 ...

浮動 float屬性可以設置的值為none,left,right.對於設置了浮動的元素，會向其父元素的左側或右側緊靠，默認情況下，盒子的寬度不再伸展，而是根據盒子里面的內容來確定。浮動可以讓一個元素移到它所在行的某一邊，使得其他內容沿着該元素的邊緣向下流。 浮動的盒子會脫離文檔流 ...

1.css float CSS float 屬性定義元素在哪個方向浮動，浮動元素會生成一個塊級框，直到該塊級框的外邊緣碰到包含框或者其他的浮動框為止。 1）元素怎樣浮動 元素的水平方向浮動，意味着元素只能左右移動而不能上下移動。 一個浮動元素會盡量向左或向右移動，直到它的外邊緣碰到包含 ...

一、CSS中的盒子模型 標准模式和混雜模式（IE）。在標准模式下瀏覽器按照規范呈現頁面；在混雜模式下，頁面以一種比較寬松的向后兼容的方式顯示。混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作。 html元素一般分為塊級元素和行內元素 塊級元素：塊級元素排斥 ...

一、CSS盒子模型 　　HTML文檔中的每個元素都被描繪成矩形盒子，這些矩形盒子通過一個模型來描述其占用空間，這個模型稱為盒子模型。 　　盒子模型通過四個邊界來描述：margin（外邊距），border（邊框），padding（內填充），content（內容區域），如圖所示： 　　需要 ...

DIV+CSS學習筆記(三) 一、盒子的浮動 從這個例子開始學習： <style type="text/css"> body{margin:50px;font-family:Arial; font-size:12px; } .father{background-color ...