1.流（flow）是瀏覽器在頁面上擺放HTML元素所用的方法。 對於塊元素，瀏覽器從上到下沿著元素流逐個顯示所遇到的各個元素，會在每個塊元素之間加一個換行； 對於內聯元素，在水平方向會相互挨著，總體上會從左上方留向右下方。 2.流與盒模型 盒模型：從CSS角度來看，每個元素都是一個盒子。由內容區（c ...
1.流（flow）是瀏覽器在頁面上擺放HTML元素所用的方法。
對於塊元素，瀏覽器從上到下沿著元素流逐個顯示所遇到的各個元素，會在每個塊元素之間加一個換行；
對於內聯元素，在水平方向會相互挨著，總體上會從左上方留向右下方。
2.流與盒模型
盒模型：從CSS角度來看，每個元素都是一個盒子。由內容區（content area），內邊距（padding），邊框（border）和外邊距（margin）組成。
併排放置兩個內聯元素時：它們的外邊距會疊加。
上下放置兩個塊元素時：它們的外邊距會摺疊，共同的外邊距為兩個外邊距中的較大的那個（包括嵌套的情況）。
3.浮動元素 float
對於浮動元素有一個要求，必須有一個寬度。
元素浮動後，會脫離文檔流，其它塊元素會填上它的位置，但是對於其他塊元素中的內聯元素，它們會圍繞著這個浮動元素。
清楚float：當元素流入頁面時，在這個元素的兩邊不允許有浮動內容時，可以用 clear屬性來清除浮動。
4.凝膠（jello）佈局
與用float流體佈局（liquid layouts）相比，凝膠佈局會鎖定頁面中內容區的寬度，不過會將它在瀏覽器中居中。
通過設置屬性 margin：0 auto；
5.使用CSS創建表格顯示
在CSS中通過屬性 display ，設置其值為 table，table-row，table-cell。
與HTML表格不同，CSS表格顯示只是使用一種類似表格的佈局來表現這個結構中的內容。
