ホームページ > 記事 > ウェブフロントエンド > 左フローティングCSSの書き方
Css スタイルの float 属性は、ラベル オブジェクト (dc6dce4a544fdca2df29d5ac0ea9906b ラベル ボックス、45a2772a6b6107b401db3c9b82c049c2 ラベル、3499910bf9dac5ae3c52d5ede7383485 ラベル、907fae80ddef53131f3292ee4f81644b ラベル、その他の 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 サイトの他の関連記事を参照してください。