2

2 つの要素があるとします。

<span class="b">This is inline element</span>
<div class="a"></div>

.a {
   width:100px;
   height:100px;
   background: red;
   float: left;
}

span要素は float 要素の後にあります：<a href="http://jsfiddle.net/YVW6Y/1/" rel="nofollow"> demo

しかし、インライン要素は標準フローにあると思うので、その位置はフロート要素の影響を受けるべきではありませんか? なぜこうなった？

4

2 に答える 2

0

インライン フォーマットは、テキストが通常取得するものです。これは、非公式に、物事が行に埋められることを意味します。

フロートは、現在の行で左または右にシフトされるボックスです。フロートの最も興味深い特徴は、コンテンツがフロートの側面に沿って流れる可能性があることです。

したがって、float は、書式設定モデルの一種の 3 番目のカテゴリです。これは、非公式に言えば、レイアウト モデルとしてのインラインに関連しています。

于 2013-04-16T11:13:26.200 に答える