在我使用的每个浏览器中,除了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>