在網(wǎng)頁(yè)設(shè)計(jì)中，CSS（層疊樣式表）是一個(gè)非常重要的工具，通過(guò)CSS，我們可以給網(wǎng)頁(yè)添加漂亮的樣式和布局。其中，嵌套的div是一個(gè)非常常用的技巧，下面我們就來(lái)介紹一下如何使用CSS嵌套div。

<div class="outer">
<div class="inner">
<p> 這里是內(nèi)部文本 </p>
</div>
</div>
.outer {
background-color: #FFA500;
padding: 20px;
}
.inner {
background-color: #FFFACD;
padding: 10px;
}

通過(guò)上面的代碼，我們可以創(chuàng)建一個(gè)外部div（class為outer），內(nèi)部還包含一個(gè)內(nèi)部div（class為inner），而內(nèi)部div又包含一個(gè)p標(biāo)簽。

對(duì)于CSS部分，外部div設(shè)置了橙色背景，內(nèi)邊距為20px，內(nèi)部div設(shè)置了淺黃色背景，內(nèi)邊距為10px。

通過(guò)嵌套的方式，我們可以很方便地創(chuàng)建出復(fù)雜的網(wǎng)頁(yè)布局和設(shè)計(jì)。除了div之外，還有其他的HTML標(biāo)記可以進(jìn)行嵌套，比如ul、ol等等，它們都可以用來(lái)構(gòu)建復(fù)雜的布局。