在普通文檔流標(biāo)準(zhǔn)流下，塊元素和內(nèi)聯(lián)元素的位置是由CSS布局規(guī)則和HTML標(biāo)記的嵌套結(jié)構(gòu)共同決定的塊元素在默認(rèn)情況下會(huì)占據(jù)整個(gè)可用寬度，每個(gè)塊元素都會(huì)被排列在前一個(gè)塊元素下方內(nèi)聯(lián)元素則會(huì)根據(jù)內(nèi)容的大小自適應(yīng)寬度。

14一般定位元素絕對(duì)或是相對(duì)元素都會(huì)覆蓋在文檔流對(duì)象之上但是，select元素的窗口控件還不完全支持zindex 15在css定位布局中，一般遵循“外部相對(duì)定位，內(nèi)部絕對(duì)定位”16在body中設(shè)置minwidth760px，可以避免布局。

首先說下移動(dòng)端的布局rem布局rem是指html元素上的字體大小對(duì)應(yīng)的像素?cái)?shù)值，使用rem為長(zhǎng)度單位理想情況下如果將所有的長(zhǎng)度單位都用rem標(biāo)示，那么我只需要更改html上的fontsize即可同步按比例更改所有長(zhǎng)度單位包括。

使用表格布局最簡(jiǎn)單和最流行的創(chuàng)建布局的方法是使用HTML lttable標(biāo)簽可以按照自己喜歡的方式來對(duì)表格中的列和行進(jìn)行排列例例如，使用包含3行和2列的表來實(shí)現(xiàn)以下HTML布局示例，但頁眉和頁腳列使用colspan屬性跨越兩列l(wèi)ttable。

相對(duì)定位， 即相對(duì)于元素在文檔流中位置進(jìn)行偏移 但保留原占位絕對(duì)定位， 即完全脫離文檔流， 相對(duì)于position屬性非static值的最近父級(jí)元素進(jìn)行偏移 固定定位， 即完全脫離文檔流， 相對(duì)于視區(qū)進(jìn)行偏移。

你是否曾經(jīng)疑惑過，為什么網(wǎng)頁開發(fā)總是基于流式布局？其實(shí)，這背后有瀏覽器和HTML規(guī)范的硬性規(guī)定相比之下，應(yīng)用程序開發(fā)更傾向于使用基于網(wǎng)格的布局本文將深入探討這兩種布局方式的區(qū)別和優(yōu)缺點(diǎn)，幫助讀者更好地理解網(wǎng)頁開發(fā)的布局方式。

1流動(dòng)布局html網(wǎng)頁默認(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)。