你非要两者重叠在一起,最笨的一种办法就是新建一个层,把div1放在里面。不行再加个表格

解决方案 »

  1.   

    你要他们重叠干什么?
    如果不想让文本框显示,就设置打印不显示就是了<html>
    <head>
    <style>
    @media print {
       .noprint {
            display:none;
       }}
    </style>
    </head>
    <body onload="doLoad();">
    <script>
    function doLoad(){
    var field1 = document.getElementById( "field1" );
    var rect = field1.getBoundingClientRect();
    var div1 = document.getElementById( "div1" );
    div1.style.display = "block";
    div1.style.left = rect.left + "px";
    div1.style.top = rect.top + field1.offsetHeight;
    div1.style.width = "100";
    }
    </script><div id="div1" style="position:absolute;border:#000000 1px solid;">Div1</div><input id="field1" type="text" class="noprint"></input></body>
    </html>