CSS提供了一種非常方便的方法來隱藏超過元素寬度的內容，即overflow屬性。

overflow屬性默認值為visible，即元素的內容溢出時不會受到任何限制，造成內容超出元素區域的情況。

div {
width: 200px;
height: 100px;
overflow: hidden;
}

上述代碼中，div元素的寬度為200px，高度為100px，如果其中的內容超出了這個范圍，會被隱藏。

除了hidden之外，overflow屬性還可以取值為scroll，表示溢出的內容可以通過滾動條來查看：

div {
width: 200px;
height: 100px;
overflow: scroll;
}

上述代碼中，div元素的內容超出元素本身的大小時，將會顯示一個縱向滾動條和一個橫向滾動條。

此外，還可以使用overflow-x和overflow-y屬性來指定分別只顯示橫向或縱向的滾動條：

div {
width: 200px;
height: 100px;
overflow-x: auto;
overflow-y: hidden;
}

上述代碼中，div元素會顯示一條橫向滾動條，但是豎直方向的部分超出內容將被隱藏。

總之，使用overflow屬性可以非常方便地控制元素的內容超過區域時的顯示效果，使網頁更加美觀和舒適。