Q&A
前提・実現したいこと
動的な画面（thymeleafでth:eachで動的にした画面）にフッターを付けたら画面の中央部に表示されてしまいます。
ページの最下部に表示したいのですが、うまくいきません。
↓黒い部分がフッターです。
ご教授お願いいたします。
該当のソースコード
html
1<body> 2<div class="container"> 3 <div class="test_list2"> 4 <div class="d-flex my-box-light justify-content-center flex-wrap mb-2" style="height: 200px;"> 5 <div th:each="obj2 : ${topAreaList}"> 6 <div class="shop_list"> 7 <div style="width:250px;height:250px;background-color:#FFFFFF;" class="border border-dark rounded"> 8 <h2 class="test_name"><a th:href="@{/area/__${obj2.areaId}__}" th:text="テスト"></a></h2> 9 <h2 class="test_count" th:text="テスト"></h2> 10 </div> 11 </div> 12 </div> 13 </div> 14 </div> 15</div> 16 <footer class="py-4 bg-dark text-light"> 17 <div class="container text-center"> 18 <p><small>テストテスト</small></p> 19 </div> 20 </footer> 21</body>
補足情報（FW/ツールのバージョンなど）
BootStrap4
回答1件
0
ベストアンサー
html
1<div class="d-flex my-box-light justify-content-center flex-wrap mb-2" style="height: 200px;">
ここでstyle="height: 200px;"を設定しているのが原因です。これを削除すれば最下部に移動します。
投稿2020/11/03 16:07
総合スコア33795
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/11/05 13:46