CSS的固定高度可以控制元素的高度,但是當元素高度超過了指定的高度時,會出現滾動條。但是有些情況下,我們并不想出現滾動條,而是希望超出的部分被隱藏。
這時,我們可以使用CSS屬性overflow:hidden
來實現這個效果。具體的使用方法可以參考下面的示例代碼:
.container { height: 200px; /* 設置高度為200px */ overflow: hidden; /* 超出部分隱藏 */ }
在上面的代碼中,我們給容器元素設置了一個高度為200px,并且將其超出部分隱藏。當容器元素內部的元素高度超過了200px時,超出的部分就會被隱藏。
需要注意的是,overflow:hidden
屬性不僅可以用于固定高度的元素上,還可以用于任何需要隱藏超出部分的元素上。