0

要素に追加float: left;すると、フローから取り出されますよね? そして、私の知る限り、これもposition: absolute;当てはまります。クリアフィックスで浮動要素をクリアできるのに、絶対配置された要素については何もできないのはなぜですか? それぞれがコンテンツ フローから削除される方法の違いは何ですか?

4

2 に答える 2

3

いいえ、フローティング要素は、絶対配置要素のようにフローから完全に取り除かれるわけではありません。他のコンテンツ フローの周りを流れる要素に昇格されるだけです。フローティング要素の元々の用途は、たとえば記事の画像でした。画像を浮かせることで、記事のテキストがその周りを流れます。

注: clearfix は浮動要素をクリアするために使用されるのではなく、別の要素内に浮動要素を含めるために使用されます。フローティング要素をクリアするには、clearスタイルを使用するだけです。

于 2013-09-11T22:53:03.397 に答える
1

浮動要素も親ノードの右または左にありますが、top: 10px;絶対配置要素のように上部からわずか 10 ピクセル下に配置することはできません。それらは常に何らかの形でフローに接続されたままです。これにより、clearfix を使用できるようになります。

于 2013-09-11T22:52:48.500 に答える