在CSS中，有一個非常重要的屬性——overflow。

p {
overflow: hidden;
}

這個屬性主要是用來設(shè)置元素的內(nèi)容溢出時如何處理。默認情況下，內(nèi)容溢出會顯示在元素的邊界之外。但有些情況下，這是不可取的。比如當我們設(shè)置了一個固定高度和寬度的盒子，但盒子內(nèi)的內(nèi)容比盒子的高度和寬度要大，此時溢出部分的內(nèi)容會顯示在盒子外，影響整體的布局。

這時候就可以使用overflow屬性。它有以下幾個值：

• visible：默認值，內(nèi)容溢出時，會顯示在元素外部。
• hidden：內(nèi)容溢出時，會將溢出部分隱藏。
• scroll：內(nèi)容溢出時，會出現(xiàn)滾動條，用戶可以通過滾動條查看全部內(nèi)容。
• auto： 自動決定是否出現(xiàn)滾動條。

p {
overflow: scroll;
}

當我們想要讓內(nèi)容溢出時出現(xiàn)滾動條，就可以設(shè)置為scroll值。

當我們不希望溢出的內(nèi)容對頁面整體造成影響時，就可以將其隱藏，這時候就用到了hidden值。

通過使用overflow屬性，我們可以更好的掌控頁面的樣式，并提升用戶體驗。