CSS的不換行超出滾動指的是當文字內容過多，超出容器的顯示范圍時，文字不會自動換行，而是通過滾動條來顯示。通過這種方式，用戶可以輕松滾動查看超出容器范圍的內容，使得網(wǎng)頁的設計更加美觀。

/* 設置容器高度，超出內容滾動*/
.container {
height: 200px;
overflow: auto;
}

上述代碼中，我們設置了一個容器，并且給容器設置了高度和滾動屬性。這樣當容器內的文字超出了200px的高度時，容器就會出現(xiàn)滾動條，并且可以通過滾動條來查看超出范圍的內容。

需要注意的是，如果容器內的內容并不是文字，而是圖片或者表格等，滾動條的出現(xiàn)并不會影響其正常排列。此外，我們還可以通過CSS的屬性來進一步美化滾動條，例如：

/* 美化滾動條 */
.container::-webkit-scrollbar {
width: 5px;
height: 10px;
}
.container::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 5px;
}

通過上述代碼，我們可以對滾動條進行美化，使其更符合我們的設計需求。

總之，CSS的不換行超出滾動屬性為網(wǎng)頁設計帶來了更加靈活的展示方式，使用恰當可以大大提升網(wǎng)頁的用戶體驗。