先來說一說流動模型,流動(Flow)是默認(rèn)的網(wǎng)頁布局模式。也就是說網(wǎng)頁在默認(rèn)狀態(tài)下的 HTML 網(wǎng)頁元素都是根據(jù)流動模型來分布網(wǎng)頁內(nèi)容的。
流動布局模型具有2個(gè)比較典型的特征:
第一點(diǎn),塊狀元素都會在所處的包含元素內(nèi)自上而下按順序垂直延伸分布,因?yàn)樵谀J(rèn)狀態(tài)下,塊狀元素的寬度都為100%。實(shí)際上,塊狀元素都會以行的形式占據(jù)位置。如右側(cè)代碼編輯器中三個(gè)塊狀元素標(biāo)簽(div,h1,p)寬度顯示為100%。
觀查一下右側(cè)代碼編輯器中的代碼,感受一下塊狀元素的特點(diǎn):“在默認(rèn)狀態(tài)下,塊狀元素的寬度都為100%”。
這一小節(jié)沒有驗(yàn)證正確性任務(wù),單擊“提交”按鈕進(jìn)行下一個(gè)小節(jié)學(xué)習(xí)。
請驗(yàn)證,完成請求
由于請求次數(shù)過多,請先驗(yàn)證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)