CSSでクリアとはどういう意味ですか

CSS の clear 属性は、要素と前のフローティング要素の間の関係を制御します。 none: フローティング要素の影響を受けません。 left: 左側のフローティング要素をクリアします。 right: 右側のフローティング要素をクリアします。左側と右側の浮動要素をクリアします。

#CSS におけるクリアの意味

clear は、次の関係を制御するために使用される CSS のプロパティです。要素と、その前の浮動要素との関係。要素がフローティングされると、通常のドキュメント フローから切り離され、後続の要素がその上を流れることができるようになります。 clear 属性は、後続の要素をフローティング要素の下に強制的に表示します。

構文

<code class="css">clear: none | left | right | both;</code>

値

• none: 要素は次の影響を受けません。前の浮動要素の Impact。
• left: 要素は、左側の浮動要素をクリアします。
• right: 要素は、右側のフローティング要素をクリアします。
• both: 要素は、左側と右側のフローティング要素をクリアします。

#例

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

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

.no-clear {
  clear: none;
}

.left-clear {
  clear: left;
}

.right-clear {
  clear: right;
}

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

効果

.no-clear
• いいえ前の浮動要素はクリアされ、.float-left が .no-clear の上に表示されます。
.left-clear
• は左側の浮動要素をクリアし、.float-left は .left-clear の上に表示されます。
.right-clear
• は右側の浮動要素をクリアし、.float-left は .right-clear の下に表示されます。
.both-clear
• は左側と右側の浮動要素をクリアし、.float-left は .both-clear の下に表示されます。
#使用法

clear 属性は、通常、フローティング レイアウト内の要素のレイアウトと順序を制御するために使用されます。これにより、コンテンツがフローティング要素によって覆われたり隠されたりすることがなくなります。

以上がCSSでクリアとはどういう意味ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。