Можно ли загрузить AJAX без использования span или div?

Question

Я не знаю, как это объяснить, но я постараюсь. Дополнительный DIV, используемый для вызова данных через AJAX, разрушает стиль. Позвольте мне объяснить это на соответствующих примерах с тем, что работает и что дает ошибку.

Рабочий код (давайте пометим его как Code 1)

<div class="levelOne">
    <div class="levelTwo">Elements in Level 2</div>
    <div class="levelTwo">Elements in Level 2</div>
    <div class="levelTwo">Elements in Level 2</div>
    <div class="level2">Elements in Level 2</div>
<div>

Приведенный выше код работает нормально. Но когда я хочу получить элементы уровня 2 с помощью AJAX, именно здесь начинается проблема, потому что мне нужен один элемент DIV (назовем его subLevel), для которого будут вызываться элементы уровня 2.

Скажем, например: (Давайте обозначим его Code 2)

<div class="levelOne">
    <div class="subLevel"></div>
</div>

<script>
    $(".subLevel").load("processes/cards.php").fadeIn("slow");
</script>

Где cards.php содержит код из кода 1 выше. Это нарушает внешний вид элементов. Раньше карты (элементы) появлялись, перекрывая друг друга, но теперь они появляются сверху вниз. Я также попробовал это без AJAX, где я просто поместил элементы DIV уровня 2 внутри subLevel DIV напрямую, чтобы выполнить то же самое, что я получал через AJAX, и я обнаружил, что получил тот же результат. Вот почему я пришел к выводу, что до тех пор, пока не добавлен subLevel DIV, элементы уровня 2 работают нормально, а при добавлении - нет.

Но мне также нужен этот подуровень DIV для получения значения AJAX , Я также попытался использовать span вместо subLevel DIV, но не повезло, тот же результат. Что мне делать?

Снимки экрана:

Когда все работает без subLevel (вы можете видеть, что карты отлично перекрывают друг друга, как Tinder)

Когда что-то не работает с subLevel DIV (вы можете видеть, что перекрытие исчезло, и карты выровнены сверху вниз, что я не делаю хочу)