cssのclearプロパティの使い方は何ですか
CSSのclearプロパティは、どちらの側に他のフロート要素を許さないかを定義するために使用します。
clear 属性は以下の値を取ることができます:
- デフォルト値。これは、要素の両側でフロートした要素が存在することを許可する
- 左に浮動する要素を置かないように指定します。
- 右:エレメントの右側にフロート要素を配置できません。
- 両隣の要素にフロート要素がないことを示す。
float要素の上にまたは下にスペースを空ける場合にはclear属性を使用する。例えば、ある要素の上にfloat要素がある場合、その要素にclear属性を加えることでfloat要素の影響を受けないようにすることができる。
例題:
<div style="clear: both;"></div>
上の例で、clear: both; によりその要素より上にあるフロートをクリアします。そうすることで、フロート要素の配置がその要素に対して左回りでも右回りでも影響を与えなくなります。