ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSでfloatとはどういう意味ですか?

CSSでfloatとはどういう意味ですか?

清浅
リリース: 2019-05-14 11:38:50
オリジナル
5733 人が閲覧しました

CSS の float はフローティングを意味します。要素に float 属性が設定されていると、標準のフローから外れて他の要素上でフロートします。属性値に応じて左または右にフロートします。

CSSではfloat属性は頻繁に使用される属性ですが、初心者にとってfloatの意味や特徴を理解していないと、使用する際に混乱し混乱しやすいです。次に、この属性については記事で詳しく紹介します。皆さんの参考になれば幸いです。

CSSでfloatとはどういう意味ですか?

float 属性

float は、その名前が示すように、浮動します。float 属性が設定された要素は、左または左に移動します。フローティングとは、float 属性が設定された要素をフローティング要素と呼びます。
要素が float 属性を使用した後、要素を標準フロー自体から分離し、他の要素の上に浮かせることができるため、要素が元々属していたスペースを占有しなくなります。これにより、後続の要素が移動します。要素にもともと属していたスペースを占めます。この要素のスペースです。

例:

<div class="box">        
<span class="float-ele">           
 浮动元素        
 </span>        
 普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通文档流普通
 文档流普通文档流普通文档流普通文档流普通文档流普通文档流
 </div>
ログイン後にコピー

float 属性の理解

1. float 属性は、要素自体と、この属性を使用する後続の要素にのみ影響します。 . 影響を与えます (次の要素が上に移動します --> フッター ブロックが上に移動します)。

2. インライン要素は float 属性を使用するとブロックレベルの要素となり、要素の高さと幅を設定できるようになります (A タグを参照)。

3. float 属性は通常、後続の要素に対する float 属性の影響をクリアするために、後続のタグの clear 属性と一緒に使用されます。

4. float 属性を使用する要素の場合、要素の幅が設定されていない場合、要素の幅はコンテンツの幅に合わせて自動的に調整されます (コンテンツ DIV を参照してください。コンテンツ ブロックのサイズは定義されていないため、自動的に調整されます)。

以上がCSSでfloatとはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート