回 帖 发 新 帖 刷新版面

主题:求助如何用div固定页面中的位置

我用div在页面中放了一个层,想固定这个层在页面中的位置,不随浏览器大小的改变而改变,代码如下
<div style="z-index: 101; left: 240px; width: 300px; position:absolute; top: -260px;">
我已经用了绝对位置了,可当我改变浏览器大小的时候,它的位置还是改变啊.
请教高人帮助,谢谢先.

回复列表 (共1个回复)

沙发

<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.1//EN"   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">   
  <html   xmlns="http://www.w3.org/1999/xhtml"   xml:lang="en"   >   
  <head>   
  <style   type="text/css">   
  body   {   
          margin:0;   /*   必须   */   
          border:0;     
          height:100%;   /*   必须   */   
          overflow-y:auto;/*   必须   */   
          }   
  #menu   {display:block;   top:10px;   left:150px;   width:130px;   position:fixed;}   /*   IE并不认识fixed,而FF认识   */   
  *   html   #menu   {position:absolute;}   /*   这个只有IE认识   */   
    
  </style>   
  <!--[if   IE   6]>   
        <style   type="text/css">   
        /*<![CDATA[*/     
  html   {overflow-x:auto;   overflow-y:hidden;}   
        /*]]>*/   
        </style>   
  <![endif]-->   
  </head>   
    
  <body>   
  <div>   
  <ul   style="list-style-type:decimal">   
  <script   language=javascript>   
  for(i=0;i<500;i++)   document.write('<li></li>');   
  </script></ul>   
  </div>   
  <div   id="menu">   
  <img   src="http://www.cnblogs.com/images/cnblogs_com/goodspeed/795/o_o_mylogo.gif"   />   
  </div>   
  </body>   
  </html>   

这样的是不是你要的效果!

我来回复

您尚未登录,请登录后再回复。点此登录或注册