ラベル、その他の HTML ラベルなど) のフローティング レイアウトを設定するために使用されます。 , フローティングとは、ラベル オブジェクトが左にフローティングする (float:left) および右にフローティングする (float:right) と呼ばれるものです。
#フロートとはどういう意味ですか?
floatとは浮くという意味で、中国語に訳すと浮いているという意味になります。
float の役割
CSS で float (float) を定義して、div スタイルのレイヤーブロックを左または右にフローティング (リーン) させます。
Float の後には属性値 left、right、none が続くことがよくあります。
Float:none は float を使用しません。
Float:left は左にフロートします
Float:right 右浮動小数点数
float 構文:
float : none | left |right
パラメータ値:
none : オブジェクトは浮遊しません
left : オブジェクトが左側に浮動します
right : オブジェクトが右側に浮動します
Case:
ボックスを設定します。右と左に 2 つのボックスがフローティングしています。CSS フローティング レイアウトの効果を直感的に確認するために、2 つのボックスに特定の幅、高さ、境界線を設定します。箱。
1. メイン HTML コード スニペット:
<div class="divcss5">
<div class="divcss5_left">布局靠左浮动</div>
<div class="divcss5_right">布局靠右浮动</div>
<div class="clear"></div><!-- html注释：清除float产生浮动 -->
</div>ログイン後にコピー
2、css代码片段：
.divcss5{ width:400px;padding:10px;border:1px solid #F00}
.divcss5_left{ float:left;width:150px;border:1px solid #00F;height:50px}
.divcss5_right{ float:right;width:150px;border:1px solid #00F;height:50px}
.clear{ clear:both}ログイン後にコピー
以上が左フローティングCSSの書き方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
