CSSフロート(浮き)

 

フロート(浮き)

図1に示すように、一般的な流れ(通常の流れ)

多くの人々は、文書フロー、通常の直訳として訳語が流れまたは標準フローすることができます。

私たちは、ページのコアレイアウトが表示ボックスの場所にCSSを使用することで、前に述べています。どのように適切な場所にボックスを置きますか?

フローティング位置決め、通常のストリーム(ストリーム標準):CSSは、三つのメカニズムを配置します。

別の非常に重要な概念であるHTML言語----------標準流れ!または正常な流れ。ノーマルストリームは、ブロックレベル要素が別の行になりますような、線要素を順番に前後に順に配置され、実際の順序を意味する左から右へ、上から下に垂直な要素タグページ、であり、この前提のレイアウトに従って配置します通常のフローレイアウトと呼ばれる全くない状況の下での例外。

図2に示すように、フロート(フロート)

フローティングは、最初に「サラウンド」画像効果を達成するために、他の要素(特にテキスト)を達成するために、画像を制御するために使用しました。

レイアウトに浮動機能を備えた、彼の党は、任意のボックスの配置を作ることができることを、私たちゆっくりオフトピック:その後、私たちはそこに非常に興味深いものがある浮動ました。(CSS3のページは、我々は本当の意味を持っていレイアウト、我々は詳細に特定のCSS3を説明します)

何が浮いていますか?

配置された属性は、標準的な管理基準の所定の位置における親要素に移行を流出する要素をフローティングフロート手段。

次のようにCSSでは、浮動フロートプロパティによって定義され、基本的な構文は次のとおりです。

セレクタ{フロート:プロパティ値;}

浮動詳細なインサイダープロパティ

==== ====標準は、場所を考慮していないオフ、浮動標準からの流れ、それが標準ストリームに影響を与えます。フローティングだけ出回っ。

1.まず、ブロックを含む浮動概念(パッケージ)を作成します。つまり、浮動要素は常に最も近い親要素の配置を見つけるために管理します。しかしないパディングの範囲を超えて。

2.子供が持っている場合は、他の子供たちは、フロートに必要とされているフローティング前記ボックス内のサブ親ボックス、。ライン表示を合わせるように。

フローティング要素を追加3.エレメントは、行ブロック要素内の特性を有することができます。これは、書き込み位置に応じて、フローティング要素フロートの対応する数を表示する要素定義されたサイズの大きさ、またはデフォルトの内容に完全に依存します。

概要:浮動--->

目的は、同じ行のブロック要素のフローティング複数を可能にすることです。最も重要な点は、配列のどのコアで占める位置か

フロートフロートドレイン特別

浮: 加了浮动的元素盒子是浮起来的,漂浮在其他的标准流盒子上面。 漏: 加了浮动的盒子,不占位置的,它浮起来了,它原来的位置漏 给了标准流的盒子。 特: 特别注意,首先浮动的盒子需要和标准流的父级搭配使用, 其次 特别的注意浮动可以使元素显示模式体现为行内块特性。

 

 

 

 

 

 

 

 

发布了322 篇原创文章 · 获赞 40 · 访问量 44万+

おすすめ

転載: blog.csdn.net/chunxiaqiudong5/article/details/104038515