margin:0 auto页面自动适应的时候出现空白行了

以下是代码
<body style="width:82%;height:594px;text-align:center;margin:0 auto;padding:0px;border:1px solid red;">
<form id="form1" runat="server">
        <div style="height:94px;"> 里面是一个表格的显示内容</div>       <div style="overflow-y:scroll; height:500px; width:82%;">这里面也是一些显示的数据 </div>
</form>
</body>
显示出来的时候页面第二个div老是跳行，两个div之间出现了好多空白行
                                 
                       

解决方案 »

  1.   

    第一个div加上overflow:hidden刚刚试了一下还是不行额
      

  2.   

    <div style="height:auto;"> 里面是一个表格的显示内容</div>
    //你所谓的第二个DIV跳行，是不正确的，因为你第一个DIV指定了高度为94px，而实际上你的内容只有一行的字
    实际上一行汉字的高度基本不会起过30px，按14px大小字体来算的话就是说，你指定它的高度为94px，而你的内容只占用了30px高，那么剩下的64px高度就只有留空白了所以你第二个DIV看起来像跳行
      

  3.   

    已经见过好几个同志把Body定义宽度。然后用上margin的。这样是不对滴的。不要把Body定义上宽度。定义的时候最好是body{text-align:center;}
    #container{width:82%; margin:0px auto;padding:0px;}
    <body>
    <div id="container">
    网站的内容。
    </div>
    </body>