当前位置：首页 → 问答吧 → DIV滚动条在各浏览器的兼容问题

DIV滚动条在各浏览器的兼容问题

时间：2011-07-06

来源：互联网

如下代码
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>DIV</title>
    <style type="text/css">
      <!--
      html,* {margin:0px; padding:0px; }
      html,body {width:100%; height:100%; overflow:hidden;}
      -->
    </style>
  </head>
  <body>
    <div style="position:relative; height:100%; width:100%; background-color:#dee; overflow:auto;">
      <div style="position:absolute; top:0px; left:0px; height:100%; width:100px; background-color:#e46;"></div>
      <div style="position:absolute; top:0px; left:0px; height:100px; width:2000px; background-color:#98a;"></div>
    </div>
  </body>
</html>

在各浏览器上表现各异，也不算各异啦，IE和FF这对互送蛋糕的基友难得一致了...
看图...求兼容代码...
好像图没完全展示出来...
图片原始地址
https://public.bay.livefilestore.com/y1pk9ZPn_LRzJt6WM9SuCiIs3EaW7twL1i1K3FBpNeB-ORjgmF8_Oc3r0t_ZTHJ2lIDXYCSMcg982O9JlUdfoaA0Q/wtf.JPG