不一样标准下去滚动条的办法

在之前的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样式就不用改了。