所以流式布局是移動(dòng)端開(kāi)發(fā)常用的一種布局 相比于其他布局方式，流式布局有以下優(yōu)勢(shì) 簡(jiǎn)便完整響應(yīng)式地實(shí)現(xiàn)各種頁(yè)面布局 可以保證當(dāng)前屏幕分辨率發(fā)生改變的時(shí)候，頁(yè)面中的元素大小也可以跟著改變。

有三種基本布局靜態(tài)布局丟失布局和靈活布局 靜態(tài)布局 靜態(tài)布局使用像素px作為頁(yè)面設(shè)計(jì)的單位在不同的顯示寬度下，頁(yè)面元素大小都是固定的 流式布局 流式布局將頁(yè)面寬度設(shè)置為百分比當(dāng)顯示區(qū)域改變時(shí)，頁(yè)面布局將按比例改變。

由于外層是positionrelative，所以里層是absolute的話，則會(huì)以外層的左上角為位移參考對(duì)齊當(dāng)然外層只寫positionrelative，寫上left，top這兩個(gè)值，則表示以以這個(gè)元素的本來(lái)應(yīng)該在的位置為布局參照原點(diǎn)進(jìn)行l(wèi)eft，top對(duì)齊。

Space邊距補(bǔ)償 ， MotionLayout動(dòng)畫 ，接下來(lái)，就讓我們來(lái)探索下20新特性吧系列文章ConstraintLayout 20新特性解析一Flow流式布局 ConstraintLayout 20新特性解析二 Layer層布局，圓角視圖 ConstraintLayout。

利用HTML進(jìn)行布局的方法有通過(guò)lttable標(biāo)簽來(lái)對(duì)表格的行和列進(jìn)行排列來(lái)實(shí)現(xiàn)頁(yè)面布局的效果，也可實(shí)現(xiàn)將網(wǎng)頁(yè)內(nèi)容放在多個(gè)頁(yè)面中的多列布局還可以使用div和span標(biāo)簽進(jìn)行布局頁(yè)面布局是圖形設(shè)計(jì)的一部分，用于處理頁(yè)面上視覺(jué)元素。

1流動(dòng)布局html網(wǎng)頁(yè)默認(rèn)的布局方式特點(diǎn)1塊狀元素都會(huì)在所處的包含元素內(nèi)自上而下按順序垂直延伸分布，因?yàn)樵谀J(rèn)狀態(tài)下，塊狀元素的寬度都為100%2內(nèi)聯(lián)元素都會(huì)在所處的包含元素內(nèi)從左到右水平分布顯示內(nèi)聯(lián)。