CSSでボックスをフローティングにする方法

CSS でボックスをフロートにする方法: [float: left;] などの float 属性を使用できます。 float 属性を使用すると、複数のボックスを左右に水平に一列に配置できます。ボックスの幅は引き伸ばされなくなり、ボックス内のコンテンツの幅に基づいて決定されます。

Box float

標準フローでは、ブロックレベルの要素は、それを含む要素の端が接続されるまで自動的に水平方向に伸縮します。隣接する要素を横に並べるのではなく、垂直方向に順番に配置します。

(学習ビデオの推奨: java ビデオ チュートリアル)

CSS の float 属性のデフォルトは none です。 float 属性の値を left または right に設定すると、要素が親要素の左側または右側に移動します。同時に、デフォルトでは、ボックスの幅は伸びることはなくなり、ボックス内のコンテンツの幅に基づいて決定されます。

float: left;

clear を使用してフロートをクリアできます:

clear: left | right | both;

Float(float)

関数: 複数のボックスを左右に水平方向に 1 列に配置します

構文: selector { float: 属性値; }

left：元素向左浮动
right：元素向右浮动

機能:

標準ストリームの上にフロート表示されます

ディスプレイは標準ストリームの位置を占有しませんストリーム ボックス

はインライン ブロックに似た要素に変換されますが、要素間にギャップはありません

関連する推奨事項: CSS チュートリアル

以上がCSSでボックスをフローティングにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。