重複の問題: 2 つの div が期待どおりに配置されません

Question

理由はわかりませんが、HTML ページの 2 つの div が横に並んで表示されず、重なって表示されます。また、青い div は本来の高さの 100% を占めません。注: 現在、青い div には 1 つの要素 (入力)

しかありません。

これは私の CSS コードです:

リーリー

ありがとう、Internet Flame さん

Answer 1

デフォルトの方向 row を使用して、flex を次のように表示できます。

リーリー リーリー

片側固定:

リーリー リーリー