CSS隱藏盒子溢出部分 在網頁設計中，盒子元素是必不可少的。但是，有時候我們不想顯示盒子的溢出部分，這時候就需要用到CSS的隱藏屬性。 使用CSS的overflow屬性可以實現隱藏盒子的溢出部分。默認情況下，overflow屬性值為visible，即盒子的溢出部分會顯示出來，但是當overflow屬性值被設置為hidden時，盒子的溢出部分就會被隱藏起來。 例如，我們有一個盒子元素，設置了寬度和高度，但內容太多，導致溢出。可以通過以下代碼來隱藏盒子的溢出部分： ```

這是一個盒子

.box {
width: 200px;
height: 100px;
border: 1px solid #000;
overflow: hidden;
}

``` 上面的代碼將盒子的overflow屬性值設置為hidden，這樣，當內容超出了盒子的寬度或高度時，就會被隱藏起來，不會影響網頁的布局和顯示效果。 除了使用hidden屬性值，overflow屬性還有其他幾個值： - scroll：顯示滾動條，可以滾動查看盒子的溢出內容； - auto：根據內容自動顯示滾動條； - visible：默認值，顯示盒子的溢出內容，可能會影響網頁的布局和顯示效果。 需要注意的是，使用overflow屬性時，需要將盒子的寬度和高度設置為固定值，否則會出現意想不到的效果。 總之，CSS的overflow屬性是一個非常實用的屬性，可以解決盒子元素溢出的問題，提高網頁的可讀性和美觀度。