CSS中有一種屬性叫做overflow，可以用來控制元素內容溢出時是否顯示滾動條。常見的取值有visible、hidden、scroll、auto。其中，scroll表示強制顯示滾動條，auto表示根據內容是否溢出自動決定是否顯示滾動條。

如果我們想要強制顯示縱向滾動條，還比較容易實現。只需要給元素設置樣式：overflow-y:scroll;即可。但是如果想要強制顯示橫向滾動條，就比較麻煩了。這是因為，在默認情況下，瀏覽器會自動調整頁面寬度，使得所有內容都顯示出來。如果我們再強制顯示橫向滾動條，就會出現兩個滾動條，顯得很不美觀。

div{
overflow:auto;
white-space:nowrap;
}

那么，如何在不影響頁面布局的情況下，強制顯示橫向滾動條呢？一種常用的方法是設置white-space屬性為nowrap。這樣，元素的內容就不會自動換行，而是一直保持在同一行上，直到行末。如果內容超出了元素的寬度，就會出現橫向滾動條。綜合使用overflow和white-space兩個屬性，我們可以實現在不影響頁面布局的情況下強制顯示橫向滾動條的效果。