そのような効果を生み出すことを願っています、 コードは次のとおりです <br> border: 1px 整列アイテム: 中央; <br> 高さ: 300 ピクセル; <br> 位置: 50%; <br> 変換: 変換 (-50%、-50%); <br> パディング: 20px 0 0; <br> 高さ: 100px; <br> 表示: フレックス; <br>} <br> </header> <br /> <class="son"> <br> </div> ; <br> <br></html> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>ディスカッションへの返信 (解決策)<br> <br> <br> div .father { <br> 境界線: 1px 整列: 中央; <br> 高さ: 300px; <br> 位置: 絶対;上: 50%; <br> 変換: 変換(-50%, -50%); <br> div.son {text-align:right; <br> ボーダー: 1px ソリッドブラック; 100px; <br> 幅: 100px; </p> <p> <header> </p> ボーダー: 1px 整列:中央; <p> コンテンツ: 中央; </p> <p> 表示: フレックス; </p> 左: 50%; <p> 変換: (-50 %) -50%); </p>div.son { パディング: 20px 0 20px; 高さ: 100px; 幅: 100px; ; <br></header> <h2> <class="父"> </h2></html>