3 
<div class="one">aaaaaaaaaa </div>
<div class="one">bbbbbbbbbb </div>
<div class="one">ccccccccccc </div>
<span style="clear: both">
    THIS SHOULD BE BELOW TABLE. WHY NOT?

.one {
  background-color: red;
  float: left;
}

http://jsfiddle.net/bLsju/2/

この例でまだフロートなのはなぜですか？clear：bothを使用するにはどうすればよいですか？

4

9 に答える 9

8

clear要素がブロック要素でない場合、プロパティは無視されます。スパンで使用 style="display: block"するか、ブロック要素であるdivを使用します。

于 2012-05-11T12:11:00.623 に答える
5

をに変更spanしdivます。ブロック要素で動作します。

于 2012-05-11T12:10:54.970 に答える
4

クリアは、表示タイプがブロックの要素でのみ機能します。追加display: block;して、意図したとおりに機能させます。

于 2012-05-11T12:12:12.847 に答える
3

このデモをチェックしていただけませんか、お役に立てば幸いです。スパンの代わりにDIVを使用します。

于 2012-05-11T12:17:58.833 に答える
3

spanはインライン要素であるため、spanの代わりにdivを使用します。ブロック要素にはclearと書くことができます。

http://jsfiddle.net/bLsju/2/

于 2012-05-11T12:10:32.313 に答える
1 
 <div style="clear: both">&nbsp;</div>

インライン要素のため、スパンの代わりに

于 2012-05-11T12:12:54.377 に答える
0

問題は、スパンがブロック要素ではないことです。どちらかをブロックします。スタイル属性として「display：block」を使用する

または、spanの代わりにdivを使用できます

次の2つのリンクを参照してください。

jsfiddle.net/bLsju/7/

jsfiddle.net/wmT9w/

あなたは簡単に理解するでしょう。

于 2013-05-16T12:34:06.047 に答える
0

divを使用します。スパンを主張する場合は、次のようにします。

<span style="display:block;clear: both"></span>
于 2016-09-16T03:34:44.080 に答える
-1

clear：bothは、ドキュメント内で要素がその前にあるフロート要素の下にドロップします。

の複製：style = "clear：both"の使用は何ですか？

于 2012-05-11T12:12:42.817 に答える