在開發過程中，我們經常會使用html的div標簽來實現頁面布局，然而有時候我們發現設置div標簽的長度會失效，這是怎么回事呢？

Hello world!

以上代碼應該能夠讓我們在頁面上看到一個寬度為100像素、背景為紅色的“Hello world!”的div。但是如果你使用瀏覽器的開發者工具一探究竟，你會發現看到的div長度其實遠大于100像素。

這是因為，div的寬度會受到它的內容影響。如果div內部的內容寬于100像素，那么div的寬度就會被撐開，不再受到設置的100像素限制。

解決這個問題的方式有很多，其中一種是使用CSS的 box-sizing 屬性。將 box-sizing 設為 border-box 可以讓 div 的寬度包括它的邊框和內邊距，而不會受到內容的影響。

Hello world!

這樣我們就能夠確保div的寬度不會受到內容的影響，達到我們預期的效果。