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

CSS中"overflow:scroll"默認(rèn)是左右，上下都滾動

如何設(shè)置成：當(dāng)長度超出DIV長度的時候，只有上下滾動，左右無論超出多長都不滾動，也不會出現(xiàn)下面的滾動桿？

如果左右沒有超出內(nèi)容時，用overflow:auto;

如果左右有超出內(nèi)容，用overflow-x: hidden;

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

首先通過firebug找到對應(yīng)的div

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。