当前位置：首页 → 问答吧 → IE的overflow影响内部absolute元素定位

IE的overflow影响内部absolute元素定位

时间：2010-12-21

来源：互联网

在w3help上没找到相关说明,提一下,

在ie678(QS都包括)下,外层overflow非visable时,内层的position:absolute会根据外层定位,而其他浏览器根据body定位,不受overflow属性影响

HTML code


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 </HEAD>

 <BODY>
 <br/> <br/> <br/>
  <div style="width:200px;height:200px;border:1px solid gray;overflow:auto">
     <div onclick="alert(this.offsetParent==this.parentNode)" style="width:30px;height:30px;border:1px solid gray;position:absolute;top:10px;left:10px"></div>
  </div>
 </BODY>
</HTML>

作者: shanlilaide 发布时间: 2010-12-21

要相当于body 定位，最兼容的方式，就是直接放到body中

<BODY>
<br/> <br/> <br/>
<div style="width:200px;height:200px;border:1px solid gray;overflow:auto">

</div>

<div onclick="alert(this.offsetParent==this.parentNode)" style="width:30px;height:30px;border:1px solid gray;position:absolute;top:10px;left:10px"></div>
</BODY>

作者: hch126163 发布时间: 2010-12-22

IE的overflow影响内部absolute元素定位

热门阅读

热门下载