css – 如何修复IE8中的绝对定位?

前端之家收集整理的这篇文章主要介绍了css – 如何修复IE8中的绝对定位?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我使用的每个浏览器中,除了ie8之外,绝对定位的元素可以根据最接近的父对象进行定位。

下面的代码显示了一个表中的两个div。顶部的div有位置:相对的,然而,嵌套的,绝对定位的元素不会尊重它的边界(在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>

解决方法

声明一个doctype。我建议您使用HTML5文字类型:
<!DOCTYPE html>

猜你在找的CSS相关文章