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

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

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

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

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

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

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