flexbox

を使用して要素を下部に調整するには、さまざまな子要素を持つDivコンテナがあります。テキストの高さに関係なく、ボタンが常に下部に配置されている要素を垂直にスタックするレイアウトを実現することを目指しています。自動マージンにより、アラインメントの前に自動マージンを持つ要素に残りのスペースを分配できます。目的のレイアウトを達成する1つの方法は、次のCSSを使用することです。 } / *次の要素を下部に押します * / {マージントップ：auto; } / *それを押して、次の要素を下に押します * /

。 高さ：200px; 国境：1pxソリッド; ディスプレイ：Flex; フレックス方向：列; } H1、H2 { マージン：0; } { マージントップ：自動; }

p { margin-bottom: auto; } /* Push following elements to the bottom */
a { margin-top: auto; } /* Push it and following elements to the bottom */

このアプローチにより、テキスト要素が拡張して利用可能な高さを埋めることが保証され、ボタンはコンテナの底に押し込まれます。