Абсолютное позиционирование как iframe

Question

У меня есть страница, которая в основном это:

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

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

Проблема, с которой я сталкиваюсь, заключается в том, что other.aspx имеет много элементов управления, которые содержат абсолютное позиционирование, которое я должен был быть абсолютным, но относительно div, а не страницы. Элементы управления генерируются динамически, поэтому их можно добавлять в другом порядке, чем они будут отображаться на экране. О фреймах не может быть и речи, поскольку iPad не позволяет прокручивать фреймы. По сути, мне нужен способ привязать абсолютное позиционирование к div вместо всей страницы. Любая помощь приветствуется. Спасибо.

Answer 1

Когда вы даете содержащему элемент «position: относительный», тогда абсолютно позиционированные элементы внутри него используют этот контейнер в качестве контрольной точки.Таким образом, внутри него позиция «top: 0; left: 0» является верхним левым углом контейнера, а не всего окна.