原文： フロートのすべて
翻訳:浮遊の過去と現在の生活について
転載の際は出典を明記してください。 ！
フロートとは何ですか?
Float は CSS の位置決めプロパティです。タイポグラフィーのデザインを見て、その起源と役割を理解することができます。印刷レイアウトでは、必要に応じて画像をテキストで囲むことができます。この方法は一般に「テキスト折り返し」と呼ばれています。
以下に例を示します。
写植ソフトウェアでは、テキスト ボックスを設定して、画像とテキストの混合レイアウトを許可したり、無視したりすることができます。テキストと画像を混合しないと、テキストが画像の上にまるで存在しないかのように表示されます。これは、画像がページ フローの一部であるかどうかの違いです。 Web デザインもこれによく似ています。
Web デザインでは、CSS の float 属性が適用されるページ要素は、活版印刷レイアウトのテキストに囲まれた画像のようなものです。フローティング要素は依然として Web ページのフローの一部です。これは、絶対配置のページ要素を使用する場合と比べて大きな違いです。印刷レイアウトのテキスト ボックスがページの折り返しを無視するように設定されているのと同じように、絶対に配置されたページ要素はページのフローから削除されます。絶対に配置された要素は他の要素に影響を与えず、他の要素が他の要素の隣にあるかどうかに関係なく、他の要素もその要素に影響を与えません。
次のように要素に CSS を使用して float を設定します。
#サイドバー { フロート: 右 }
fload 属性には 4 つの使用可能な値があります。Left および Right は要素をそれぞれの方向にフロートさせ、None (デフォルト) は要素をフロートにせず、Inherit は親要素からフロート値を取得します。