CSSを使ってDIV要素を重ねて下揃えする - yzgwyskwCSSを使って以下の図のようにDIV要素を下揃えにする方法を示します。 DIV要素を入れ子にして、親に対してposition: relative;を指定し、子に対してposition: absolute;を指定します。すると、子要素は親要素を基準として配置されます。これを使って、親要素からの相対的な位置に子要素を配置できます。これを利用すると、以下の図のようにサムネイルにラベルを重ねることができます。 基本 見本 HTML wrapperにサムネイルを構成するものを挿入します。 <div class="wrapper"> <div class="thumbnail"></div> <div class="label">たい焼き</div> </div> CSS 親要素にposition: relative;を子要素にposition: absolute;を指定します。 サムネイル画像はba
