default，就是塊級元素都自上而下的分佈，寬度都為100%。內聯元素都從左到右水平分佈。div、p、table、img 等元素都可以設定為浮動。兩個 div 顯示在一行的程式碼如下：div{ width:200px; height:400px; border:2px red solid; float:left;}層模型有三種形式：(1)絕對定位(position: absolute)div{ width:200px; height:400px; border:2px red solid; position:absolute; left:100px; top:50px;}(2)相對定位(position: relative)(3)固定定位(position: fixed)層模型中，各元素可能出現堆疊。堆疊順序可以用z-index控制，z-index大者在上。z-index相同時，根據CSS宣告順序，靠後者在上。

CSS盒子模型就是在CSS技術所使用的一種思維模型。CSS假定所有的HTML文件元素都生成一個描述該元素在HTML文件佈局中所佔空間的矩形元素框，可以形象地將其看作是一個盒子。透過定義一系列與盒子相關的屬性，可極大地豐富和促進各個盒子乃至整個HTML文件的表現效果和佈局結構。

CSS盒子模型由內容區、填充、邊框和空白邊四部分組成。內容區是盒子模型的中心，呈現盒子的主要資訊內容；填充是內容區和邊框之間的空間；邊框是環繞內容區和填充的邊界；空白邊位於盒子的最外圍，是新增在邊框外周圍的空間。

擴充套件資料：

CSS盒子模型特點：

1、豐富的樣式定義：CSS提供了豐富的文件樣式外觀，以及設定文字和背景屬性的能力；允許為任何元素建立邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內容間的距離；允許隨意改變文字的大小寫方式、修飾方式以及其他頁面效果。

2、易於使用和修改：CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文件的header部分，也可以將樣式宣告在一個專門的CSS檔案中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式宣告統一存放，進行統一管理。

3、多頁面應用：CSS樣式表可以單獨存放在一個CSS檔案中，這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬於任何頁面檔案，在任何頁面檔案中都可以將其引用。這樣就可以實現多個頁面風格的統一。