私はこの質問で説明されているものの多かれ少なかれ同じことを達成しようとしている:私は固定の高さを使用することができないという事実を除いてフレキシボックススティッキーフッター
。
私は(その高さは、フレキシボックスに引き伸ばされる)フレックス文脈に既にある2枚のカードを設定している:
私が望むのは、フッターが常に底に付くことです。
上述した3つの要素の内側容器は、以下のCSSを有する:
.card-inner {
display:flex;
flex-flow :row wrap;
align-items: stretch;
}
およびアイテムは内部
.card {
&-header,
&-body {
flex: 0 1 100%;
}
&-footer {
flex: 0 1 100%;
align-self:flex-end;
margin-top: auto;
}
}
を有するIはalign-self:flex-end
又はmargin-top: auto
フッターをプッシュしていると予想しているであろうカードを分割するが、これは起こっていない。
多分、2つのフレックス・コンテキストは、が互いにと発言していなくても関係ありませんか?または、内側のコンテナに高さがない場合、コンテンツフローが終了したときにフレックスコンテキストが終了しますか?
フレックスボックスで高さを使用しないでこれを達成する方法はありますか?ここで
はcodepen例です:https://codepen.io/vlrprbttst/pen/QgWbEr
を偉大な答えはあなたに感謝! – valerio0999