css是網頁的外衣，好不好看全憑css樣式，而布局是css中比較重要的部分，下面來分析一下常見的幾種布局。

流動模型

流動模型是網頁布局的默認模式，也是最常見的布局模式，他有兩個特點：

1.塊狀元素都在所處包含元素內自上而下按順序垂直延伸分布。常見的塊狀元素有：div,p,ul,ol,h1~h6,address等

2.內聯元素都會在所處包含元素內從左到右水平分布顯示。常見的內聯元素有：a,span,img,input,textarea等

浮動模型

浮動模型是指使用css將塊狀元素定義為浮動。用法：float:left/right/none

層模型

css定義了一組定位屬性（position）支持布局模型。

1.靜態定位　　　　設置position:static

無特殊定位，對象遵循正常文檔流。top,right,bottom,left等屬性不會被應用

2.絕對定位　　　　設置position:absolute

將元素從文檔流中拖出來，然后使用top,right,bottom,left等屬性相對于其最接近的一個具有定位屬性的父包含快進行絕對定位。如果不存在這樣的屬性塊，則相對于body元素，即相對于瀏覽器窗口。

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表