Flaskでjinja2のテンプレート構文を使うと、HTMLがずれてしまうのですが何故でしょうか
該当テンプレートを別のテンプレートファイルから{% include %}で呼び出しているのですが、ブラウザでは、その呼び出し元の親要素を超えてしまいます

コードは以下の通りです

データは、APIでDBから引っ張ってきて渡しています

html
1<div>
2  {% for abc in arry %}
3    <div class="hogehoge">
4      <img class="image" src="{{ abc.img }}">
5      <div class="hogehoge__info">
6        <h2 class="hogehoge__info__name">{{ abc.name }}</h2>
7        <div class="hogehoge__info__foo">
8          <img class="hogehoge__info__bar" crs="{{ abc.icon }}" ></div>
9          <p class="hogehoge__info__data">{{ abc.data }}</p>
10        </div>
11      </div>
12    </div>
13  {% endfor %}
14</div>

追記2

エラーの起きている部分のソースは以下の通りです

<!-- project/functions/func1/templates/main.html -->
{% extends "layout.html" %}
{% block content %}
<div class="contents">
  {% include 'contents.html' %}
</div>

<!-- project/functions/func1/templates/contents.html -->
<h1>contents</h1>
{% for content in contents %}
{% include 'component.html' %}
{% endfor %}

<!-- project/templates/component.html -->
<div class="content">
  <img class="content__img" src="{{ content.image }}">
  <div class="content__info">
    <h2 class="content__info__namme">{{ content.name }}</h2>
    <div class="content__info__user">
      <img class="content__info__icon" crs="{{ content.icon }}" ></div>
      <p class="content__info__user-name">{{ content.made_by().name }}</p>
    </div>
  </div>
</div>

追記

いろいろ試しながら確認したところ、jinjaテンプレートを使わなくても同じエラーが出ています

以下のコードで,

<div class="parent">
  <div class="child">
    <div class="content">
    </div>
  </div>
</div>

このようになります

<div class="parent">
  <div class="child">
  </div>
</div>
<div class="child">
</div>

hentaiman

2020/09/12 19:00

includeしたはずの無い所に記載のhtmlが表示されてしまっているという意味ですか？

_dana

2020/09/12 19:22

ありがとうございますその通りです子要素が親要素を飛び出している状況です質問内容に追記しているのでご覧いただけたらと思います

hentaiman

2020/09/12 19:27

追記にある一つ目のhtmlをそのまま出力したら二つ目のhtmlになってブラウザに出力されるという意味ですか？そしてそれはテンプレート関係無く素のhtmlだという事ですか？追記部分は使っているソースそのまま載せていますか？

_dana

2020/09/12 19:30

>追記にある一つ目のhtmlをそのまま出力したら二つ目のhtmlになってブラウザに出力されるという意味ですか？ >そしてそれはテンプレート関係無く素のhtmlだという事ですか？そうですただ、apiからデータを渡しています >追記部分は使っているソースそのまま載せていますか？コード自体はもう少し複雑です可能な範囲で追記します

_dana

2020/09/12 19:37

コードを追記しました