Div コンテナが表示されるのはなぜですか?

Question

3つのdivを1つのdivに入れようとしています。私のコードに基づいて、Div 3 を Div 4 ～ 6 のコンテナーにしようとしています。ただし、Div 5 と Div 6 は同じコードであっても、重複しています。

リーリー

テスト 3 とテスト 6 が表示されますが、テスト 3 は表示したくないです

教授は私に代わってコードをチェックし、問題は私のブラウザにあると言いました。本当にどうすればいいのか分かりません。

フレックスを使用しようとしましたが、すべてのコンテンツが div の外で実行されました。 div 6 の float 位置を変更してみましたが、何も変わりませんでした。これまで学んだことをすべて試してみましたが、何もうまくいきませんでした。

Answer 1

このように flex を使用している場合、DIV 3 のテキストを考慮する必要があることを除けば、修正は非常に簡単です。フレックス方向が異なる別のラッパーを使用すると、この問題は解決されます。

リーリー

Answer 2

DIV 4、5、および 6 には float:left 属性があり、テキスト「test 3」の周囲を浮動します。このテキストを削除すると、DIV 3 は表示されなくなります:

リーリー リーリー