Overflow hidden什麼意思

overflow: hidden 是在 CSS 中使用的一個屬性值，用於控制元素內容溢出父元素時的行為。當你將一個元素的 overflow 屬性設置為 hidden 時，任何超出元素框的內容都會被裁剪掉，並且不會顯示在視窗中。這意味著即使元素的內容超出了它的邊界，你也無法看到它。

這個屬性通常用於控制布局，確保元素不會顯示它們應該顯示的內容以外的任何內容。這有助於保持頁面的整潔和一致性，尤其是在元素的大小和內容可能會改變的情況下。

例如，假設你有一個包含圖片的容器，你希望圖片不要超過容器的邊界，即使圖片本身比容器大。你可以這樣做：

.container {
  overflow: hidden;
}

這樣，即使圖片超出了容器的邊界，超出部分也不會顯示出來，容器只會顯示圖片的內容。