Question

我有一个示例html页面，我试图将一个div放在另一个下方，并根据顶部父div的长度计算底部div的顶部宽度。

我在这里使用的计算为top: expression(document.all.ParentDiv.offsetHeight);，但它不适用于IE11，但其工作正常IE7及以下。

现在我如何使这与IE11兼容来计算这个长度，我不想硬编码上边距，因为更多的元素可能放在顶部div中。

代码如下所示：

<html>
<head>
<style>
  #ParentDiv {
        position: absolute;
        top: 0;
        left: 0;
        width: expression(document.body.clientWidth - document.body.clientLeft - 120);
        padding: 5px;
            padding-bottom: 0px;
        }

  #Childdiv {
         position: absolute;
         <!--overflow: auto; -->
         top: expression(document.all.ParentDiv.offsetHeight);// This Line Not working
         height: expression(document.body.clientHeight - document.all.ParentDiv.offsetHeight - 50);
         left: 5px;
         width: expression(document.body.clientWidth - document.body.clientLeft - 120);
              padding: 0;
        }
</style>
</head>
<body>
<div id="ParentDiv">
  <p>Please select a Student</p>    

  <table width='510' border='0' cellspacing='0' cellpadding='0' >
    <tbody>
      <tr>
        <td nowrap rowspan='2'>Student Name</td>
      </tr>
    </tbody>
  </table>
</div>   



<div id="Childdiv">
 <table class='data' width='100%' border='0' cellspacing='0' cellpadding='0'>
      <tbody>
    <tr><td>Student1</td></tr>
    <tr><td>Student2</td></tr>
    <tr><td>Student3</td></tr>
    <tr><td>Student4</td></tr>
    <tr><td>Student5</td></tr>
    <tr><td>Student6</td></tr>
    <tr><td>Student7</td></tr>
    <tr><td>Student8</td></tr>
    <tr><td>Student9</td></tr>
    <tr><td>Student10</td></tr>
    <tr><td>Student11</td></tr>
    <tr><td>Student12</td></tr>
    <tr><td>Student13</td></tr>
      </tbody>
    </table>
</div>
</body>
</html>

获得DIV的长度问题

0 个答案: