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

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

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

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

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

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