像 iframe 一样的绝对定位答案

【问题标题】：Absolute Positioning like an iframe像 iframe 一样的绝对定位
【发布时间】：2011-10-13 22:13:19
【问题描述】：

我的页面基本上是这样的：

<div id="thelist" style="height:100%; width:100%"></div>

<script type="text/javascript">
  $('#thelist').load('other.aspx', function () { });
</script>

我遇到的问题是 other.aspx 上有很多包含绝对定位的控件，我是绝对定位的，但相对于 div 而不是页面。控件是动态生成的，因此它们的添加顺序可能与它们在屏幕上显示的顺序不同。 iframe 是不可能的，因为 iPad 不允许您滚动 iframe。基本上我需要的是一种将绝对定位锚定到 div 而不是整个页面的方法。任何帮助表示赞赏。谢谢。

【问题讨论】：

如果你让周围的<div> 元素具有“位置：相对”，那么其中绝对定位的元素将相对于该框计算其位置。不过，我不确定 iPad。
那行得通，你应该把它作为答案，这样我就可以标记它是正确的。

标签： javascript iframe positioning css-position

【解决方案1】：

当您给包含元素“位置：相对”时，其中的绝对定位元素使用该容器作为参考点。所以，里面的位置“top: 0; left: 0”是容器的左上角，而不是整个窗口。

【讨论】：