divのfloat:leftタグとspanタグ

WBOY
WBOYオリジナル
2016-07-29 09:03:131949ブラウズ

<div style="width: 300px;">
	<div style="float: left;width: 100px;">
		我是div
	</div>
	<span style="">
		span
	</span>
	<span>
		span
	</span>
</div>

上記のコードでは、div には float:left があり、span には float:left がありませんが、span タグは div タグで覆われず、div タグの右側に表示されています。これは、span タグがインライン要素であり、ブロック レベルの要素ではないためです。

?以下は、この 2 つの違いです:

div と span の違い

違いは、 div

? がブロックレベル (ブロックレベル) 要素であることです。囲まれた要素は自動的に行折り返しされます。そして、spanは単なるインライン要素です(インライン) 要素)の前後に改行はありません。構造的な意味はなく、純粋に適用されるスタイルであり、他のインライン要素が適切でない場合に使用できます。マークは マークに含めてその子要素になることができますが、その逆は成り立ちません。つまり、マークに マーク を含めることはできないことに注意してください。

上記は、div の float:left タグと spam タグを、関連する内容も含めて紹介しています。PHP チュートリアルに興味のある友人に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。