在網(wǎng)頁設(shè)計(jì)中，HTML是網(wǎng)頁的基礎(chǔ)，CSS則是網(wǎng)頁的美化工具。而div作為HTML中的一種容器，可以在CSS中起到非常重要的作用。

<div> 	此處為div標(biāo)簽</div>

div的作用在于將網(wǎng)頁中的內(nèi)容可視化，同時(shí)也便于CSS對內(nèi)容的樣式指定。在一個(gè)HTML文件中，幾乎每個(gè)元素都可以被包含在div中，且每個(gè)元素都可以有多個(gè)div。

<div class="container">
<p>此處為一個(gè)段落</p>
</div>

CSS自動(dòng)擋則是指用CSS實(shí)現(xiàn)自動(dòng)排版，從而減少網(wǎng)頁設(shè)計(jì)時(shí)需要手動(dòng)排版的工作量。在CSS自動(dòng)排版中，利用div標(biāo)簽把內(nèi)容分組，再通過CSS設(shè)置一些布局屬性，就能實(shí)現(xiàn)很多常見的自動(dòng)排版效果。

.container {
display: flex; /*設(shè)置為flex布局*/
flex-direction: row; /*橫向排列*/
justify-content: space-between; /*內(nèi)容兩端對齊*/
}

以上代碼實(shí)現(xiàn)了容器里的內(nèi)容在橫向上兩端對齊的效果。通過元素選擇器和class選擇器，我們可以選中HTML中的相應(yīng)內(nèi)容，再通過對應(yīng)的CSS屬性實(shí)現(xiàn)頁面自動(dòng)排版的效果。