ホームページ  >  記事  >  ウェブフロントエンド  >  左フローティングCSSの書き方

左フローティングCSSの書き方

anonymity
anonymityオリジナル
2019-05-28 10:19:217631ブラウズ

Css スタイルの float 属性は、ラベル オブジェクト (dc6dce4a544fdca2df29d5ac0ea9906b ラベル ボックス、45a2772a6b6107b401db3c9b82c049c2 ラベル、3499910bf9dac5ae3c52d5ede7383485 ラベル、907fae80ddef53131f3292ee4f81644b ラベル、その他の HTML ラベルなど) のフローティング レイアウトを設定するために使用されます。 , フローティングとは、ラベル オブジェクトが左にフローティングする (float:left) および右にフローティングする (float:right) と呼ばれるものです。

左フローティングCSSの書き方

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

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。