CSS中的

元素經常用于設置菜單或列表。然而當列表項較多時，可能會發生內容溢出，導致頁面布局混亂。此時，我們可以使用CSS來控制
元素的樣式，通過隱藏超出部分來改善頁面顯示。

隱藏

元素中超出
• 元素的部分，可以使用CSS的overflow屬性來實現。其中，overflow屬性有以下值：

  overflow: visible; /* 默認值，不隱藏超出部分 */
  overflow: hidden; /* 隱藏超出部分，不顯示滾動條 */
  overflow: scroll; /* 隱藏超出部分，顯示滾動條 */
  overflow: auto; /* 當超出部分存在時，顯示滾動條，否則不顯示滾動條 */

  需要注意的是，使用overflow屬性時，應該設置在超出部分的父元素上，而不是在超出部分的子元素上。因此，如果我們想隱藏

  元素中超出
  • 元素的部分，可以定義如下CSS：

    ul {
    overflow: hidden; /* 隱藏超出部分 */
    }

    通過以上CSS，超出部分就會被隱藏，不會影響頁面布局和顯示。如果需要在隱藏的超出部分中顯示滾動條，可以將overflow屬性的值改為scroll或auto即可。