Элемент HTML div

#html

#HTML

Вопрос:

У меня есть элемент div, который определен в верхней части страницы, и у меня есть еще один элемент div, который определен в нижней части страницы …. есть ли какой-либо способ, которым я могу определить первый элемент div (вверху) как дочерний элемент элемента div, который находится внизу.

Проблема в том, что мне нужен заголовок div in в заголовочном файле (header.php ) этот div действует как контейнер для JS, но как только данные загружены, я хочу, чтобы они отображались внутри другого div.

Было бы целесообразно отложить загрузку JS до средней части страницы…

1. Если верхний div действует как контейнер для вашего JS и содержит элементы, которые должны отображаться внутри другого div, можете ли вы разделить его на два? На самом деле, Javascript вообще не обязательно содержать в div (просто используйте теги <script>). Кстати, отрицательный отзыв был не моим, но я предполагаю, что он был предоставлен, потому что вы не опубликовали код.

Ответ №1:

Да: сделайте верхний div дочерним элементом нижнего div, поместив дочерний элемент в разметку родительского элемента, и используйте абсолютное позиционирование, чтобы переместить дочерний элемент наверх.

Ответ №2:

Нет, потому что это не дочерний элемент этого DIV. Если вы хотите, чтобы он был дочерним, сделайте его дочерним, а затем измените его положение с помощью CSS, чтобы он находился в верхней части страницы.

Ответ №3:

Нет, хотя вы можете переместить его с помощью JavaScript после загрузки второго элемента.

Под «дочерним элементом» вы подразумеваете, что он просто появляется внутри, но HTML определен вверху? Если это так, вы также могли бы просто изменить расположение с помощью CSS.
По какой-либо причине вы вынуждены выводить HTML для первого div в верхней части страницы? Реальное решение здесь — просто выводить элементы там, где они вам действительно нужны.

Ответ №4:

Понятия не имею, почему вы хотели бы это сделать, но этой разметки должно быть достаточно:

 <div id="wrap">
    <div id="main">
        <!-- Insert content, push off the top with "margin-top:150px", etc. -->
    </div>
    <div id="foot">
        <div id="head">
            <!-- Insert header stuff, position with "positon:absolute", etc. -->
        </div>
    </div>
</div>

Настраивайте width , height margin и padding элементы по своему вкусу.