2

リンクされた例では、テキストと段落があり、それぞれに要素が含まれspanてdivいます。すべてのdiv要素にdisplay: inline;スタイルが適用されていますが、最初の要素は次の行divから<p>始まります。

何故ですか ？

ここに例があります：http： //jsfiddle.net/7HAPp/1/

ここにコードをコピーしました：

Cum sociis natoque penatibus et <span>i'm a span</span> parturient montes, nascetur
ridiculus mus. Nulla consequat massa <div>i'm an inline div</div> In enim justo, 
rhoncus ut, <div>i'm an inline div</div> imperdiet a, venenatis vitae, justo. Nullam
dictum felis eu pede mollis pretium.


<p>Cum sociis natoque penatibus et <span>i'm a span</span> parturient montes, nascetur
ridiculus mus. Nulla consequat massa <div>i'm an inline div</div> In enim justo,
rhoncus ut, <div>i'm an inline div</div> imperdiet a, venenatis vitae, justo. Nullam 
dictum felis eu pede mollis pretium.</p>
4

1 に答える 1

5

div内部pは無効なマークアップです。ブラウザが要素に遭遇すると、タグをdiv自動的に閉じて、新しいを開始します。pdiv

于 2013-02-26T21:05:46.537 に答える