流式布局，就是百分比布局，也稱非固定像素布局通過(guò)盒子的寬度設(shè)置成百分比來(lái)根據(jù)屏幕的寬度來(lái)進(jìn)行伸縮，不受固定像素的限制，內(nèi)容向兩側(cè)填充流式布局方式是移動(dòng)web開發(fā)使用的比較常見的布局方式父盒子開啟displayflex后；2流式布局 也叫100%布局寬度單位為百分比流式布局常用的設(shè)計(jì)模板左側(cè)固定+右側(cè)自適應(yīng)，左右固定寬度+中間自適應(yīng)優(yōu)點(diǎn)可以適應(yīng)不同尺寸的屏幕 缺點(diǎn)如果屏幕尺度跨度太大，那么在相對(duì)其原始設(shè)計(jì)而言過(guò)小或過(guò)大的；#流式布局流式布局是指所有元素都默認(rèn)向左上角靠攏，通過(guò)調(diào)整元素相對(duì)位置來(lái)達(dá)到預(yù)期效果這種布局方式的優(yōu)點(diǎn)是適應(yīng)性強(qiáng)，可以在不同分辨率的設(shè)備上自適應(yīng)調(diào)整缺點(diǎn)是元素位置取決于相鄰元素的位置和尺寸，不夠靈活；1固定寬度布局為網(wǎng)頁(yè)設(shè)置一個(gè)固定的寬度，通常以px做為長(zhǎng)度單位，常見于PC端網(wǎng)頁(yè)2流式布局為網(wǎng)頁(yè)設(shè)置一個(gè)相對(duì)的寬度，通常以百分比做為長(zhǎng)度單位3柵格化布局將網(wǎng)頁(yè)寬度人為的劃分成均等的長(zhǎng)度，然后排版布局；網(wǎng)頁(yè)基本布局方式1流式布局 Fluid 流布局與固定寬度布局基本不同點(diǎn) 就在于對(duì)網(wǎng)站尺寸的側(cè)量單位不同固定寬度布局使用的是像素，但是流布局使用的是百分比，這位網(wǎng)頁(yè)提供了很強(qiáng)的可塑性和流動(dòng)性2固定布局 Fixed；1靈活性不同靜態(tài)布局毫無(wú)靈活性可言，目前已逐漸被淘汰自適應(yīng)布局靜態(tài)布局的升級(jí)版，因其強(qiáng)大的靈活性，已逐漸成為高端網(wǎng)頁(yè)的代名詞流式布局靈活性更高，可適用于其他三種網(wǎng)站布局響應(yīng)式布局自適應(yīng)布局的；流式布局更適合有字體的頁(yè)面在流式布局中，雖然文本大小不會(huì)改變，但文本段落可以通過(guò)更改換行符來(lái)改變寬度 如果屏幕尺寸變化不大，可以考慮采用靈活布局它可以在不改變頁(yè)面布局的情況下進(jìn)行調(diào)整 事實(shí)上，有些頁(yè)面采用了幾種不同的；流式布局 流式布局大部分都是采用寬度適配，固定高度的方式也就是說(shuō)，頁(yè)面此次被橫向拉長(zhǎng)或縮小了 這樣做的優(yōu)點(diǎn)是頁(yè)面可以適配屏幕的寬度，可以充分利用屏幕的面積，不至于出現(xiàn)大量空白的情況 其缺點(diǎn)是，當(dāng)屏幕過(guò)于寬時(shí)，頁(yè)面會(huì)被拉。

然后說(shuō)PC端的，由于各個(gè)CSS框架的推進(jìn)，基本上都是以12列或12的倍數(shù)網(wǎng)格布局為主了，然后網(wǎng)格布局又分為流式網(wǎng)格和固定寬度網(wǎng)格如總寬度設(shè)為960px前者通常用百分比來(lái)實(shí)現(xiàn)，并且已經(jīng)計(jì)算和減去了所謂的“；C，flexbasis表示該子元素的初始寬度 4自適應(yīng)布局為不同的屏幕分辨率定義的布局 @media媒體查詢技術(shù)5流式布局寬高用百分比，按屏幕分辨率調(diào)整，布局不發(fā)生變化6響應(yīng)式布局使用meta標(biāo)簽，寬高隨窗口調(diào)整；css三種基本布局方式如下1流式布局css流式布局是將網(wǎng)頁(yè)元素按照寬度自適應(yīng)地排列2彈性布局是CSS3中新增的一種布局方式，通過(guò)設(shè)置容器元素的display屬性為flex，來(lái)實(shí)現(xiàn)相應(yīng)子元素的自適應(yīng)布局3定位布局是通過(guò)；優(yōu)點(diǎn)這種布局方式對(duì)設(shè)計(jì)師和CSS編寫者來(lái)說(shuō)都是最簡(jiǎn)單的，亦沒(méi)有兼容性問(wèn)題缺點(diǎn)顯而易見，即不能根據(jù)用戶的屏幕尺寸做出不同的表現(xiàn)二流式布局LiquidLayout流式布局Liquid的特點(diǎn)也叫quotFluidquot是頁(yè)面元素；2流式布局 流式布局使用的是百分比，這位網(wǎng)頁(yè)提供了很強(qiáng)的可塑性和流動(dòng)性，與固定寬度布局基本不同點(diǎn) 就在于對(duì)網(wǎng)站尺寸的側(cè)量單位不同屏幕分辨率變化時(shí)，頁(yè)面里元素的大小會(huì)變化而但布局不變，這可能導(dǎo)致如果屏幕太大。

二流式布局 液體版面也稱為“流體”的特點(diǎn)是頁(yè)面元素的寬度根據(jù)屏幕分辨率進(jìn)行調(diào)整，但總體版面不變代表性圍欄系統(tǒng)網(wǎng)格系統(tǒng)例如，將主網(wǎng)頁(yè)正文的寬度設(shè)置為80最小寬度設(shè)置為960px圖像也被類似地處理寬度100%；答案CSS+DIV布局的常用方法有三種一 常規(guī)流式布局 元素按照自身的常規(guī)顯示方式顯示，有兩個(gè)特點(diǎn)1元素按照自身HTML元素定義的位置顯示怎么寫的怎么顯示2元素按照自身的常規(guī)顯示特性顯示，比如塊級(jí)元素垂直。

流式布局 元素的寬高用 百分比 做單位，元素寬高按屏幕分辨率調(diào)整，布局不發(fā)生變化屏幕尺度跨度過(guò)大的情況下，頁(yè)面不能正常顯示響應(yīng)式布局 采用自適應(yīng)布局和流式布局的綜合方式，為 不同屏幕分辨率范圍 創(chuàng)建 流式布；讓所有的div都浮動(dòng)起來(lái)，就是一個(gè)流式布局所有inline屬性的元素都是流式布局， 浮動(dòng)后的元素都是inlineblock屬性的，也一樣；流式布局是百分比布局，也稱為非固定像素布局通過(guò)將框的寬度設(shè)置為百分比，它可以根據(jù)屏幕的寬度進(jìn)行擴(kuò)展和收縮不受固定像素限制，內(nèi)容向兩邊填充流式布局是移動(dòng)web開發(fā)中常用的布局父框打開后displayflex，默認(rèn)是不。