CSS布局模型（流動模型 浮動模型 層模型）

在網頁中，元素有三種布局模型：

1、流動模型（flow）default，就是塊級元素都自上而下的分布，寬度都為100%。內聯元素都從左到右水平分布。2、浮動模型 (float)div、p、table、img 等元素都可以設定為浮動。兩個 div 顯示在一行的**如下：

div3、層模型（layer）層模型有三種形式：
(1)絕對定位(position: absolute)
div(2)相對定位(position: relative)
(3)固定定位(position: fixed)
層模型中，各元素可能出現堆疊。堆疊順序可以用z-index控制，z-index大者在上。z-index相同時，根據css宣告順序，靠後者在上。

CSS布局模型（二） 浮動模型

塊狀元素這麼霸道都是獨佔一行，如果現在我們想讓兩個塊狀元素併排顯示，怎麼辦呢？不要著急，設定元素浮動就可以實現這一願望。任何元素在預設情況下是不能浮動的，但可以用css定義為浮動，如div p table img等元素都可以被定義為浮動。如下 可以實現兩個div元素一行顯示。div 效果圖 當然你也...

CSS 布局模型

一.流動模型 flow 1.首先它是網頁預設的布局方式，有兩個基本的特徵 i.塊狀元素都會在所處的包含元素內自上而下按順序垂直延伸分布，因為在預設狀態下，塊狀元素的寬度都為100 實際上，塊狀元素都會以行的形式佔據位置。如右側 編輯器中三個塊狀元素標籤 div，h1，p 寬度顯示為100 ii.在流...

CSS布局模型

css包含3種基本的布局模型，用英文概括為 flow layer 和 float。在網頁中，元素有三種布局模型 1 流動模型 flow 2 浮動模型 float 3 層模型 layer 1.流動模型 流動 flow 是預設的網頁布局模式。也就是說網頁在預設狀態下的 html 網頁元素都是根據流動模型...