背景色の表示問題について_html/css_WEB-ITnose

2つのネストされたクラススタイルでは、親スタイルが背景色を定義しますが、子スタイルにfloat:属性が定義されている場合、親スタイルの背景色は表示できません。子スタイルがキャンセルされ、親スタイルで定義された背景色が表示されます。
例:

aaaa

ここで、#ys1 は、背景色のスタイル。 #ys2 は、float: 属性を定義するサブスタイルです。
#ys2のfloat:属性を解除せずに#ys1の背景色を表示する方法はありますか？

ディスカッションへの返信（解決策）

解決策が見つかりました:clear:both;属性スタイルを使用し、それを#ys2スタイルの後に配置すると、背景色が表示されます。

親レイヤーに float または overflow:hidden を指定すると、同じ効果が得られます

なぜこれが起こるのでしょうか?

なぜこのようなことが起こるのでしょうか?

float: 属性が子スタイルで定義されている場合、子要素は通常のドキュメント フローの一部ではないため、

親要素が子要素を高さで囲むことができず、親要素の高さが小さくなったり、親要素の高さが0になると、当然ですが親要素の背景色は見えなくなります
親要素にボーダースタイルborder:1px Solidを追加すると
できるようになります。親要素には高さがなく、線になっていることがわかります

Qing Floating を確認してください