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

流動(dòng)模型

流動(dòng)模型是網(wǎng)頁布局的默認(rèn)模式，也是最常見的布局模式，他有兩個(gè)特點(diǎn)：

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

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

浮動(dòng)模型

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

層模型

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

1.靜態(tài)定位　　　　設(shè)置position:static

無特殊定位，對(duì)象遵循正常文檔流。top,right,bottom,left等屬性不會(huì)被應(yīng)用

2.絕對(duì)定位　　　　設(shè)置position:absolute

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

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表