相关疑难解决方法(0)

在我使用的每个浏览器中,除了ie8之外,绝对定位的元素可以根据具有相对定位的最近父元素来定位.

下面的代码显示了表格中的两个div.顶部div具有position:relative,但是,嵌套的,绝对定位的元素不遵循其边界(在ie8中,它位于页面的底部而不是父div的底部).

有人知道解决这个问题吗？

<style>
#top {
position: relative;
background-color: #ccc;
}
#position_me {
background-color: green;
position: absolute;
bottom: 0;
}
#bottom {
background-color: blue;
height: 100px;
}
</style>
<table>
  <tr>
    <td><div id="top"> Div with id="top"
        <div id="position_me"> Div with id="position me" </div>
      </div>
      <div id="bottom"> Div with id="bottom"
        <p>Lorem ipsum dolor sit amet.</p>
      </div></td>
  </tr>
</table>