CSS中有一個(gè)屬性可以幫助我們?cè)O(shè)置當(dāng)內(nèi)容超過滾輪時(shí)的樣式，它就是overflow屬性。

我們可以使用overflow屬性來設(shè)置內(nèi)容超過父容器范圍時(shí)的表現(xiàn)方式。默認(rèn)情況下，overflow屬性的值為visible，即內(nèi)容超過父容器范圍時(shí)，不會(huì)被隱藏，會(huì)顯示在父容器之外。

父容器 {
overflow: visible;
}

如果我們想讓內(nèi)容超過父容器時(shí)被隱藏，可以將overflow屬性的值設(shè)置為hidden。

父容器 {
overflow: hidden;
}

還有一個(gè)值為scroll的overflow屬性，設(shè)置這個(gè)值后，即使內(nèi)容沒有超過父容器的范圍，也會(huì)顯示滾動(dòng)條，可以通過滾動(dòng)條來查看內(nèi)容。如果內(nèi)容超過父容器的范圍，也會(huì)顯示滾動(dòng)條。

父容器 {
overflow: scroll;
}

而且，overflow屬性還有一個(gè)值為auto，這個(gè)屬性值會(huì)根據(jù)內(nèi)容的多少自動(dòng)來決定要不要顯示滾動(dòng)條。

父容器 {
overflow: auto;
}

通過設(shè)置overflow屬性的值，我們可以讓內(nèi)容能夠更好地應(yīng)對(duì)不同的展示情況。