JavaScript - CSSの問題、コンテナをdiv下部に配置する方法

Question

写真のように、3p、2の設定方法は、1で3を下に揃え、3を隠すと2が下がって下に揃えます

Answer 1

2 と 3 は 4 をラップします。この 4 はどのようにして下位 0 に位置するのでしょうか? この 4 内で 2 と 3 が単独でラップされたドキュメント ストリーム内にある場合、2 はこの 4 をサポートできます。これは一貫していますか?

Answer 2

論理判定をjsで書く 3を非表示にすると、2の位置の先頭が3の位置の先頭になります。 ドキュメントフローは左から右、上から下のフローなので自動ドロップは実現できません。 この状況の前提は、1ボックスの高さが固定されている場合です

Answer 3

1 が親ボックスの場合、その内側の 2 つの 3 はサブセット ボックスです。2 と 3 の高さ、またはそれらをサポートする内部のコンテンツを指定するだけで、それらを 3 として非表示にすることができます。 、自然に下に移動できます

Answer 4

フレックスを使用する

Answer 5

フレックスレイアウトを試してみませんか？
http://www.ruanyifeng.com/blo...

Answer 6

フレックスレイアウト

リーリー