不一樣標準下去滾動條的辦法

在之前的HTML標準下，要隱藏橫向滾動條，只須要在CSS里加上
Body
{
   overflow-x:hidden;
}
可是在如今的標準下"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"下面，上面的代碼不產生任何效果，由於如今不是以Body做爲容器，而是html標籤，因此
加入：
HTML
{
   overflow-x:hidden;
}
可是這樣作了之後，在IE7下，鼠標滾輪上下滾動不起做用了，IE6下倒是正常的。多加上一行代碼就解決問題了
HTML
{ 
  overflow-x:hidden;
  overflow-y:auto;
}

 

這段能夠放入一個全局的css樣式中，這樣全部彈出窗口(包括模態窗口)，全部頁面都不會出現橫向滾動條。

 

之前我一直爲這個問題困擾，如在IE下把橫向滾動條去掉了，但Firefox下又有了，反之亦然。
作事應該近乎完美，因此我請教了Google，本身總結出了一個方法能夠二者兼得。
MORE...
若有這樣的框架代碼：

  CODE: 
<frameset rows="*,20" cols="*" framespacing="0" frameborder="no" border="0">
<frame src="./weblog.php" name="mainFrame" id="mainFrame" scrolling="auto" noresize="noresize" />
<frame width="100%" src="./mp3player/index.html" name="bottomFrame" scrolling="no" noresize="noresize" id="bottomFrame" />
</frameset> 



若是把mainframe框架的scrolling設成auto（默認），在IE中就會有橫向滾動條；如把scrolling設爲yes，IE中橫向滾動條就沒有了，但Firefox中就會出現。

爲了能兩全，咱們在使用上面框架代碼的同時，須要再在weblog.php頁關聯的CSS中定義以下樣式：

  CODE: 
body { 
overflow: scroll;
overflow-x: hidden;
overflow-x: auto !important;
} 



注：body{...}也能夠用html{...}代替
這樣，「醜陋」的橫向滾動條在IE和Firefox下就消失了。
注：此文是針對HTML有聲明DTD的狀況，若是沒聲明DTD，直接在mainFrame裏把scrolling設爲auto就OK，CSS樣式就不用改了。