隨著網(wǎng)頁設(shè)計(jì)的不斷發(fā)展，CSS在美化頁面上已經(jīng)變得不可或缺。其中，關(guān)于CSS的外層寬度隨內(nèi)層的自適應(yīng)逐漸成為開發(fā)者們必須要掌握的技能之一。下面我們一起來了解一下如何實(shí)現(xiàn)它。

這是內(nèi)部的內(nèi)容

CSS的外層寬度隨內(nèi)層需要用到兩個(gè)技術(shù)：相對寬度和外邊距。在上面的代碼中，我們定義了一個(gè)外層容器（class為.outer），它的相對寬度為70%，也就是系統(tǒng)會自動(dòng)計(jì)算出容器的寬度。我們還為它定義了一個(gè)水平居中的邊距，用來讓它始終保持在頁面的居中位置。內(nèi)層容器的寬度為80%，并且也是水平居中的。

這樣，里面的內(nèi)容就可以自適應(yīng)容器的大小了。如果你把窗口拉大，外層容器也會跟著放大，內(nèi)層容器也會相應(yīng)地放大。同樣的，如果你縮小窗口，它們也會根據(jù)容器的大小自適應(yīng)。

這部分內(nèi)容理解起來比較簡單。但是，在實(shí)際開發(fā)的過程中，我們可能會遇到各種各樣的問題，比如嵌套的層級過多，容器的樣式不相同等等。這時(shí)候，請一定耐心調(diào)試，學(xué)會debug技巧，也許只需要一個(gè)小小的更改就可以解決問題。