CSS 元素溢位是什麼？

　　CSS元素溢位（CSS overflow）指的是當一個元素的內容超出了其指定的尺寸或邊界時，如何處理這些溢位的內容。

　　CSS提供了多個屬性來控制元素的溢位行為：

　　overflow屬性：用於指定元素內容溢位時的處理方式。常用的取值包括：

　　visible：預設值，內容會溢位元素的邊界，不會被裁剪。

　　hidden：溢位的內容會被裁剪，不可見。

　　scroll：顯示捲軸，以便使用者可以滾動檢視溢位的內容。

　　auto：根據內容是否溢位自動決定是否顯示捲軸。

　　overflow-x和overflow-y屬性：分別用於控制元素的水平溢位和垂直溢位。取值同overflow屬性。

　　text-overflow屬性：用於指定文字溢位時的處理方式。常用的取值包括：

　　clip：預設值，溢位的文字會被裁剪，不顯示省略號。

　　ellipsis：溢位的文字會被裁剪，並顯示省略號。

　　示例：

　　div{

　　width:200px;

　　height:100px;

　　overflow:hidden;

　　}

　　p{

　　width:300px;

　　white-space:nowrap;

　　overflow:hidden;

　　text-overflow:ellipsis;

　　}

　　在上面的示例中，div元素的內容超出了其指定的尺寸，但由於設定了overflow屬性為hidden，超出的內容會被裁剪，不可見。

　　而p元素的內容也超出了其指定的寬度，但由於設定了white-space屬性為nowrap，文字不會換行。同時，設定了overflow屬性為hidden和text-overflow屬性為ellipsis，超出的文字會被裁剪，並顯示省略號。

　　透過使用這些屬性，可以控制元素內容的溢位行為，以適應不同的設計需求。