人々はよくクリアフローティングについて話しますが、それは実際にはフローティング要素を含むブロックの高さの崩壊の問題を解決するためです
Clear Clear
値: left | right |両方 | none 継承
初期値: none
適用対象: ブロックレベル要素
継承: none
left:左侧不允许存在浮动元素right:右侧不允许存在浮动元素both:左右两侧不允许存在浮动元素none:允许左右两侧存在浮动元素
[注意] Clear 属性を設定する要素は、浮動要素を変更できません。
CSS2.1 で導入 クリア領域は、要素の上部マージンの上に追加される余分なスペースです。つまり、要素がクリア属性を設定すると、そのマージンがこの範囲に入ることは許可されません。変更しないでください。
標準ブラウザの場合、float 要素の下に新しい要素を追加して、clear 属性を設定する方法が 2 つあります。浮動要素を含めるブロックを含むブロック。 IE7 ブラウザの場合、独自の属性 haslayout
[1]
[2] の場合、子要素は
要素にも Clear 属性を適用できます。 [3] Clear 属性を設定するフローティング要素の after 疑似要素の場合
[2]position:absolute/fixed
[1]display:inline-block
りー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
