浮動しないことを指定する。これがデフォルト値です。プロパティの値がこの要素の親要素から継承されるべきであることを指定します。これはそのボックスの周りに巻かれたテキストの効果を与え、そしてあなたが最新のウェブデザインで使用されるフロート(Floats)について知る必要があるものの大部分です。プロパティに関するレッスンで詳しく説明しています。フレックスボックスやグリッドレイアウトなどのテクニックの前は、列レイアウトの作成方法としてフロートが使用されていました。あなたはまだウェブ上でこれらの方法に出くわすかもしれません。これらについては、過去のレイアウト方法に関するレッスンで説明します。位置指定のテクニック位置指定(Positioning)を使用すると、通常フローのときに要素を配置されていた場所から別の場所に移動できます。位置指定はメインページのレイアウトを作成するための方法ではなく、ページ上の特定の項目の位置を管理および微調整することを目的としています。プロパティに依存する特定のレイアウトパターンには便利なテクニックがあります。位置指定を理解することは、通常フローを理解し、項目を通常フローから移動させることとは何かを理解するのに役立ちます。あなたが知っておくべき、次の5種類の位置指定があります。positioning)は、すべての要素が取得するデフォルトです。ここで見るべき特別なことは何もありません」という意味です。ページ上の他の要素と重なるようにすることも含まれます。positioning)では、要素は別のレイヤーに配置されているように、ページの通常のレイアウトフローから完全に外れます。要素(あるいはそれに最も近くに位置する祖先要素)の端に相対的な位置に固定することができます。これは、さまざまなコンテンツパネルを重ねて表示したり、必要に応じて表示/非表示にしたりするタブ付きボックスや、デフォルトでは画面外にありコントロールボタンを使用して画面上をスライドさせることができる情報パネルを作成するのに便利です。positioning)は絶対位置指定と非常によく似ていますが、他の要素ではなく、ブラウザーのビューポートを基準にして要素を固定する点が異なります。これは、他のコンテンツがスクロールしても常に画面上の同じ場所にとどまる永続的なナビゲーションメニューなどの効果を作成するのに役立ちます。ようにふるまう、より新しい位置指定方法です。簡単な位置指定の例これらのページレイアウトのテクニックに慣れるために、いくつかの簡単な例を紹介します。それは以下の通りです。使ってスタイルされます。positioning)を使用すると、デフォルトで設定されている通常フローの位置から項目をずらすことができます。これは、アイコンをテキストラベルに合わせるためにアイコンを少し下に移動するなどのタスクを実行できることを意味します。これを行うには、相対位置指定を追加するために次の規則を追加します。プロパティも追加します。これはあなたが期待していたのとは反対のように思えるかもしれませんが、要素の左側と上側を押されていると考える必要があり、その結果として右下に移動します。このコードを追加すると、次のようになります。positioning)は、通常フローから要素を完全に除き、包含ブロックの端からのオフセットを使用して配置するために使用されます。プロパティを与えます。このコードを追加すると、次のようになります。位置指定要素は、ページレイアウトの残りの部分から完全に分離され、その上に配置されています。他の2つの段落は、配置された兄弟が存在しないかのように一緒にいます。異なる効果があります。この場合、オフセットはページの上側と左側から計算されています。positioning)は、絶対位置指定と同じ方法で、ドキュメントフローから要素を除きます。コンテナからのオフセットが適用されるのではなく、ビューポートからのオフセットが適用されます。項目がビューポートに対して固定されたままであるので、ページがその下でスクロールするときに固定されたままであるメニューのような効果を作成することができます。3段落のテキストにして、ページをスクロールさせます。指定したボックスもあります。positioning)は、私たちが自由に使える最後の位置指定方法です。デフォルトの静的位置指定に固定位置指定を組み合わせたものです。あるとき、それは定義したビューポートからのオフセットにぶつかるまで通常フローでスクロールします。適用されているかのように「動かなくなります」。位置指定の詳細については、位置指定の記事をご覧ください。ヘッダー、フッター、異なる列などを、いろいろな表の行と列に配置します。表レイアウトは柔軟性がなく、マークアップが非常に重く、デバッグが難しく、意味論的に間違っています(例えば、スクリーンリーダーのユーザーは表レイアウトをナビゲートするのに問題があります)。プロパティのセットによるものです。表の使用」として説明されることがあります。以下の例はそのような使い方の1つを示しています。表を使用することをこの時点では過去の方法と見なすべきです。フォームを作成する簡単なマークアップです。各入力要素にはラベルがあり、段落内にキャプションも含まれています。