clearfixの実際の動作についての混乱

Question

コンテナ要素内にフローティング要素がある場合は、コンテナをoverflow autoに設定するか、浮動要素の後にclear bothを追加する必要があります。

これは、コンテナ内に浮遊している要素をクリアするので意味があります。

しかし、clearfix CSSトリックを使用しているときは、コンテナの後にクリアを行い、フローティング要素の後はクリアしないでください。これで、コンテナとフロートがクリアされるので、これがどのように機能しているのか混乱します。確かにまだコンテナのdodgyの高さを持っている原因になりますか？なぜなら、物理的な要素を持つコンテナの後にclear bothを置くと、それが機能しないので、なぜそれが:afterと動作するのですか？

誰でもこれを説明できますか？おかげ

例：

<div style="border:#000 1px solid;padding:10px;"> 
    <div style="width:100px;height:100px;background:blue;float:left;"></div> 
</div> 
<div style="clear:both;"></div> 

これは仕事を動作しないだろうが、それはclearfixは事実上何ではないのですか？

Answer 1

CSS :after擬似要素とは、要素の内容の後にありますが、要素自体の後ろではなく要素の中にあることを意味します。これが理由です。