當CSS的寬度超出時，會自動進行換行。如下所示，使用CSS將一個頁面中的三個div元素分別賦予了70px、150px、250px的寬度：

div {
display: inline-block;
height: 50px;
border: 1px solid black;
}
div:nth-child(1) {
width: 70px;
}
div:nth-child(2) {
width: 150px;
}
div:nth-child(3) {
width: 250px;
}

在頁面中呈現出來的效果如下：

當頁面的寬度不夠容納這三個div元素時，CSS會自動進行折行。如下所示，修改頁面寬度為300px，則會將第二個和第三個div元素進行折行：

在這個例子中，CSS自動進行了第二個和第三個元素的折行，使得整個頁面更加美觀易讀。