AJYA https://blog.hatena.ne.jp/AJYA/ ソフトウェア開発者の日常 https://ajya.hatenablog.jp/ 仕事 親要素のdivのボックス内の子要素のdivを下揃えにする方法としては、以下のように記述するをなんとなく知っていました。 <div style="height:1000px;position:relative;"> 親要素 <div style="position:absolute;bottom:0;"> 子要素 </div> </div> これを繰り返し出力すれば、高さを固定した親要素のdivのボックスが繰り返し出力されます。 親要素のdivのボックス内で子要素のdivは下揃えになります。 <div style="height:1000px;position:relative;"> 親要素1 … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fajya.hatenablog.jp%2Fentry%2F2017%2F02%2F16%2F063000" title="記入欄を下に固定した印刷物をWebページでそれらしく作成する方法 - ソフトウェア開発者の日常" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/A/AJYA/20170216/20170216060116.jpg Hatena Blog https://hatena.blog 2017-02-16 06:30:00 rich https://ajya.hatenablog.jp/entry/2017/02/16/063000 1.0 100%