CSSのclear:bothと flat:noneの違い

簡単に言うと、
1.clear:both は、フローティング要素の前後の要素がフローティングの影響を受けないようにします。
2.float:none は、子要素が親要素のフローティング効果を継承しないようにします。

clear:both ; フローティングコンテンツが他のタグに影響を与えるのを防ぐためです。
float: none; すでに float: left または float: right; を使用しているため、コントロールまたはパブリックであるため、スタイルが変更されて影響が大きくなる場合は、float:none を使用して元のスタイルを上書きします。
これを理解できるかわかりませんが、例を挙げてみるのが一番です。

初心者向けに、float を使用する場合は、clear を使用してください。

.C-lr{
clear:both;
height:0px;
width:auto;
font-size:0px;
line-height:0px;
visibility:hidden; 
border:0px;
}

さらに勉強すれば、clear の使用を避けることができます。

float:none を使用する理由は何ですか?

この 2 つは異なります。float:none ; 選択された要素は浮動しません; 両方; 選択された要素の周囲に浮動要素はありません

つまり、これは何ですか?私は見ていません。 。 。

clear には 4 つの値があります:

none: 左側と右側のフローティング オブジェクトを許可します。

both: 左側と右側のフローティング オブジェクトを許可しません。

left: 左側のフローティング オブジェクトを許可しません。 ;

right: 右側のフローティング オブジェクトを許可しません。 フローティング オブジェクト。

clear:left|right|both、フローティングをクリアするのではなく、フローティングの影響をクリアします。

以上がCSSのclear:bothと flat:noneの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。