質問するログイン新規登録

質問編集履歴

3

エラーを具体的に記載

2020/09/12 19:36

投稿

_dana
_dana

スコア15

title CHANGED
File without changes
body CHANGED
@@ -20,7 +20,36 @@
20
20
  {% endfor %}
21
21
  </div>
22
22
  ```
23
+ # 追記2
24
+ エラーの起きている部分のソースは以下の通りです
25
+ ```
26
+ <!-- project/functions/func1/templates/main.html -->
27
+ {% extends "layout.html" %}
28
+ {% block content %}
29
+ <div class="contents">
30
+ {% include 'contents.html' %}
31
+ </div>
23
32
 
33
+ <!-- project/functions/func1/templates/contents.html -->
34
+ <h1>contents</h1>
35
+ {% for content in contents %}
36
+ {% include 'component.html' %}
37
+ {% endfor %}
38
+
39
+ <!-- project/templates/component.html -->
40
+ <div class="content">
41
+ <img class="content__img" src="{{ content.image }}">
42
+ <div class="content__info">
43
+ <h2 class="content__info__namme">{{ content.name }}</h2>
44
+ <div class="content__info__user">
45
+ <img class="content__info__icon" crs="{{ content.icon }}" ></div>
46
+ <p class="content__info__user-name">{{ content.made_by().name }}</p>
47
+ </div>
48
+ </div>
49
+ </div>
50
+ ```
51
+
52
+
24
53
  # 追記
25
54
  いろいろ試しながら確認したところ、jinjaテンプレートを使わなくても同じエラーが出ています
26
55
 

2

エラーを具体的に記載

2020/09/12 19:36

投稿

_dana
_dana

スコア15

title CHANGED
File without changes
body CHANGED
@@ -19,4 +19,26 @@
19
19
  </div>
20
20
  {% endfor %}
21
21
  </div>
22
+ ```
23
+
24
+ # 追記
25
+ いろいろ試しながら確認したところ、jinjaテンプレートを使わなくても同じエラーが出ています
26
+
27
+ 以下のコードで,
28
+ ```
29
+ <div class="parent">
30
+ <div class="child">
31
+ <div class="content">
32
+ </div>
33
+ </div>
34
+ </div>
35
+ ```
36
+ このようになります
37
+ ```
38
+ <div class="parent">
39
+ <div class="child">
40
+ </div>
41
+ </div>
42
+ <div class="child">
43
+ </div>
22
44
  ```

1

エラーを具体的に表記

2020/09/12 19:17

投稿

_dana
_dana

スコア15

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,5 @@
1
1
  Flaskでjinja2のテンプレート構文を使うと、HTMLがずれてしまうのですが何故でしょうか
2
+ 該当テンプレートを別のテンプレートファイルから`{% include %}`で呼び出しているのですが、ブラウザでは、その呼び出し元の親要素を超えてしまいます
2
3
 
3
4
  コードは以下の通りです
4
5