div显示定位的问题

问题的详细描述见此处
http://www.cnblogs.com/lexus/archive/2007/05/16/748797.html（含图）
分不多了，见谅，还请各位高人帮忙

解决方案 »

  1.   

    maolz35 () vs. maolz36 () ？？小兄弟居然穿马甲！
      

  2.   

    简单实现！L@_@K<!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>
      <title></title>
      <meta name="generator" content="editplus" />
     </head> <body style="margin: 0px;">
    <table>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>小马甲</td>
            <td><input type="text" id="txtSelection" width="30px" onfocus="strPage(this)"><br /><div id="diva" style="background-color:#ffff88;overflow-y:auto;height:100px;width:70px;display:none;position:absolute">
    </div></td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>5</td>
            <td>6</td>
        </tr>
    </table>
    <script type="text/javascript">
    <!--
    function strPage(oFocus)
    {
        var oDiv = document.getElementById('diva');
        oDiv.style.display = "block";
    }
    //-->
    </script>
     </body>
    </html>
      

  3.   

    to:yixianggao(你我他，三人行必有我师焉！)还是未得大哥的精髓，我再改了一下代码，附改后效果图及代码见
    http://www.cnblogs.com/lexus/archive/2007/05/16/748797.html
      

  4.   

    style="overflow-y:auto;height:200px;width:70px;display:none;position:relative;background-color:#FFF;z-index:1000;border-style:solid;border-color:#ACAA9C;border-width:1px">position:relative;
    改为
    position:absolute;Do you understand?再试试看！
      

  5.   

    改为absolute更不行，那个div到左边了，所以我才改成relative了，你不会也是北工大的吧，我是软院的工硕
      

  6.   

    附改为absolute后的图
    http://www.cnblogs.com/lexus/archive/2007/05/16/748797.html
      

  7.   

    把前些天那份代码改了改！L@_@K<!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>
      <title> new document </title>
      <meta name="generator" content="editplus" />
      <meta name="author" content="" />
      <meta name="keywords" content="" />
      <meta name="description" content="" /> <link type="text/css" rel="stylesheet" href="css/xtree2.css">
     <script type="text/javascript" src="js/xtree2.js"></script>
     <!-- xloadtree2.js文件依赖xtree2.js文件　 -->
     <script type="text/javascript" src="js/xloadtree2.js"></script>
     </head> <body>
     <SCRIPT LANGUAGE="JavaScript">function strPage(a)
    {
        document.getElementById('diva').style.display = "block";
    }
    function insertValue(oNode)
    {
        document.getElementById('txtSelection').value = oNode.text;
        document.getElementById('hidSelectedValue').value = oNode.id;
        document.getElementById('diva').style.display = "none";
    }
    </SCRIPT>
    <table>
        <tr>
            <td>选择</td>
            <td><input type="text" id="txtSelection" width="30px" onfocus="strPage(this)"><br />
            <div id="diva" style="overflow-y:auto;height:200px;width:70px;display:none;position:absolute;background-color: #ffffff">
    <script type="text/javascript">
    var tree1=new WebFXLoadTree("西医疾病","tree.xml");
    tree1.write();
    var tree2=new WebFXLoadTree("中医疾病","tree.xml");
    tree2.write();
    var tree3=new WebFXLoadTree("症状","tree.xml");
    tree3.write();
    var tree4=new WebFXLoadTree("症候","tree.xml");
    tree4.write();
    </script>
    </div></td>
        </tr>
        <tr>
            <td>第二行</td>
            <td>哈哈</td>
        </tr>
    </table>
    <input type="hidden" width="30px" id="hidSelectedValue" value="">
     </body>
    </html>
      

  8.   

    还是没有解决
    不知道是否和此文中所描述的有关
    http://www.blogjava.net/davidxu/archive/2005/06/29/6894.html
      

  9.   

    JS 获取页面元素坐标
        value=document.getElementById('id').offsetLeft;
        value=document.getElementById('id').offsetTop;
        value=document.getElementById('id').offsetWidth;
        value=document.getElementById('id').offsetHeight;请访问
    http://www.ccscript.cn/Content/1/166.aspx
    查看！