CSSにおけるクリアの役割は何ですか

CSSのclear属性は、後続の要素に対する浮動要素の影響をクリアし、後続の要素が正常に配置されるようにするために使用されます。 Clear 属性には 4 つの値があります: none: フロートをクリアしません。 left: 左のフロートをクリアします。 right: 右のフロートを両方クリアします。 左右のフロートをクリアします。 CSS におけるクリアの役割

CSS レイアウト 、 clear 属性は、後続の要素に対するフローティング要素の影響をクリアするために使用されます。フローティング要素は後続の要素の位置に影響を与え、後続の要素が正常に配置されなくなります。

フロートのクリア

none: フロートをクリアしません。

左側のフローティング要素をクリアします。
• 右:
右側のフローティング要素をクリアします。
• 両方:
左側と右側のフローティング要素をクリアします。
使用シナリオ
• 後続の要素をフローティング要素の下に通常どおり配置する必要がある場合は、clear 属性を使用できます。例:

<code class="css">.container {
  width: 100%;
}

.float-left {
  float: left;
  width: 50%;
}

.clear {
  clear: both;
}</code>

例

右側の要素はクリアを使用しています: 両方

以上がCSSにおけるクリアの役割は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。