CSS中我們經常會使用div標簽來劃分頁面中的不同區域。但是在實際使用div時，我們有時會遇到一些問題，比如div中的內容太多，超出了div的寬度，導致頁面顯示異常。

解決這個問題的方法有很多種，下面介紹一種最簡單的方法，即使用CSS中的換行。我們可以在div的樣式中添加一個word-wrap:break-word;屬性，這個屬性可以讓長單詞或URL換行，避免了內容溢出達到了換行的效果。

div{
width:200px;
height:100px;
overflow:hidden;
word-wrap:break-word;
}

看到這里，你可能會疑惑，overflow:hidden;是什么意思呢？其實這是指當div的內容超出設置的寬度和高度時，會隱藏掉div中溢出的內容，避免頁面出現滾動條。

除了使用word-wrap:break-word;外，還有其他可以使div自動換行的CSS屬性，例如word-break:normal;和word-break:break-all;，它們的作用分別是普通單詞不分割換行和強制所有單詞分割換行。

在實際開發中，div框架的寬度和高度往往會根據需求進行適度調整，需要根據實際情況選擇合適的屬性來使div內容換行。

總之，掌握了div超出換行的方法，我們就可以更好地使用CSS來讓頁面顯示更美觀、更合理。