DIV を操作するための CSS float の使用法

フロートとはどういう意味ですか?

floatとは浮くという意味で、中国語に訳すと浮かぶという意味もあります。 float に関する基本情報については、対応する CSS マニュアルの float マニュアルにアクセスしてください。

floatの役割

CSSでfloat(フローティング)を定義し、divスタイルのレイヤーブロックを左右にフロート(リーン)させます。

floatチュートリアルディレクトリ

float構文

floatアプリケーションと使用法

float floatケース

css float他のアプリケーション

css float概要

float構文

Floatの後には属性値が続くことがよくあります。 right, none

Float:none float を使用しないでください

Float:left 左にフロートします

Float:right 右にフロートします

float 構文:

float : none left |right

パラメータ値:

none : オブジェクトは浮動しません

left: オブジェクトが左側に浮動します

right: オブジェクトが右側に浮動します

次に、float の使用方法を div+css の例で説明します。

float のアプリケーションと使用法

Float float は、オブジェクトの左右のフローティング スタイルを設定するために使用され、DIV、SPAN、その他のラベルを左右にフローティングにするために必要なものを実現できます。

簡単な構文

div{float:left} /* css コメント: div オブジェクトを左 (left) にフロートに設定します */

div{float:right} /* css コメント: div オブジェクトを float に設定します右へ (right ) */

css float case

CSS フローティング レイアウトの効果を直感的に確認するために、ボックス内に 2 つのボックスを設定します。1 つは右側に、もう 1 つは左側にフローティングです。 2 つのボックスの特定の幅、高さ、境界線。

1. メインの HTML コード スニペット: