js 页面2级菜单怎么在各分辨率下固定原始位置

比如:
   
  我的样式^
          ---------------
          | 清爽风格    |
          | 可爱风格    |
          ----------------------------------------------------------
怎么在各分辨率下始终让那个div在“我的样式”的下方

解决方案 »

  1.   

    <div>我的样式<ul style="position:absulote;"><li>清爽风格</li><li>可爱风格</li></ul></div>js负责显示和隐藏ul就可以了
      

  2.   

    http://www.supertotto.com/0_SUPERTOTTO_1.0_lastdays/super_data/download_screens.html如这个一样
      

  3.   


    <!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>无标题文档</title>
    <style type="text/css">
    #main{ margin:0 auto; width:120px; border:1px solid #ccc; padding:2px; position:absulote; }ul{margin:0px; position:absolute; background-color:#ccc; border:1px solid #666; width:110px; display:none;}
    </style>
    <script type="text/javascript">
    function showit(){
    var container = document.getElementById("con");
    container.style.display = "block";
    }
    function hideit(){
    var container = document.getElementById("con");
    container.style.display = "none";
    }
    </script>
    </head><body>    <div id="main">
    <div id="menu" onmouseover="showit()" onmouseout="hideit()">我的样式</div>
    <ul id="con">
    <li>清爽风格</li>
    <li>可爱风格</li></ul>
    </div> 
    </body>
    </html>style设置position为absolute就是为了不让它撑破页面.
      

  4.   


    谢谢你的提醒这样可以了$(function(){
       $("#aa").prepend("<div id='replace' style='text-align:center; display:none; background-color:#eee; height:250px; width:300px; position:absolute; z-index:2;' ><div style='height:200px;'></div><input type='submit' value='提交' />  <input type='submit' value='取消' /></div>");
       $("#run1").click(function(){
    $("#replace").fadeIn("slow").show();
       });
    });