#javascript #iframe #positioning #css-position
#javascript #iframe #позиционирование #css-позиция
Вопрос:
У меня есть страница, которая в основном такова:
<div id="thelist" style="height:100%; width:100%"></div>
<script type="text/javascript">
$('#thelist').load('other.aspx', function () { });
</script>
проблема, с которой я сталкиваюсь, заключается в том, что в other.aspx есть много элементов управления, которые содержат абсолютное позиционирование, которое я должен был быть абсолютным, но по отношению к div, а не к странице. Элементы управления генерируются динамически, поэтому их можно добавлять в другом порядке, чем они будут отображаться на экране. О Iframes не может быть и речи, потому что iPad не позволяет прокручивать iframes. По сути, мне нужен способ привязки абсолютного позиционирования к div, а не ко всей странице. Любая помощь приветствуется. Спасибо.
Комментарии:
1. Если вы создадите для окружающего
<div>элемента «position: relative», то для элементов с абсолютным расположением внутри него будут рассчитаны их позиции относительно этого поля. Однако я не знаю наверняка об iPad.2. Это сработало, вы должны указать это как ответ, чтобы я мог пометить его правильно.
Ответ №1:
Когда вы задаете содержащему элементу «position: relative», то элементы с абсолютным расположением внутри него используют этот контейнер в качестве точки отсчета. Итак, внутри него позиция «top: 0; left: 0» — это верхний левый угол контейнера, а не все окно.