テキストがマークアップでその要素の後に続く場合、テキストはフロートされた要素の周りを流れると思いました。では、なぜ次の例で表示された結果が生成されるのでしょうか。
HTMLは次のとおりです。
<div class="float block red">Red</div>
TEXT BETWEEN RED AND BLUE
<div class="float block blue">Blue</div>
<div class="float block green">Green</div>
そしてCSS:
.float{
float: left;
}
.block{
width: 50px;
height: 50px;
}
.red{ background-color: red; }
.blue{ background-color: blue; }
.green{ background-color: green; }
そしてこれが結果です:
画面に順序が表示されないのはなぜですか:赤、赤と青の間のテキスト、青、緑?
ありがとう