CSS中"overflow:scroll"默認是左右，上下都滾動。怎么設置只上下滾動而不左右滾動，下面有個不錯的解決方法

CSS中"overflow:scroll"默認是左右，上下都滾動

如何設置成：當長度超出DIV長度的時候，只有上下滾動，左右無論超出多長都不滾動，也不會出現下面的滾動桿？

如果左右沒有超出內容時，用overflow:auto;

如果左右有超出內容，用overflow-x: hidden;

不過IE本身也是有問題的：
在設置Frame時，有一屬性是scrolling="yes/no/auto"，IE6的Mozilla都支持，但很顯然地，IE的開發人員在這個地方懶了一下，他們對auto的理解很不人性化。auto的意思是自動，就是要的時候有，不要的時候沒有。但如果設成auto，則在網頁過長需要出豎起滾動條時，IE會自動地把水平滾動條也顯示出來，哪怕網頁完全不超寬。而設成yes時，IE則會一直出豎直滾動條，而不隨便出水平條，這差不多是對的。所以如果要用Frame的話，還是要把這個屬性設成Yes，這完全是為遷就IE。 Mozilla則在任何時候都是對的。

首先通過firebug找到對應的div

最后代碼如下：???? <div class="sidebar-nav" style="overflow:auto;overflow-x: hidden">

總結

以上是生活随笔為你收集整理的CSS中overflow:scroll怎么设置只上下滚动而不左右滚动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。