ホームページ > 記事 > ウェブフロントエンド > フロートの使い方は? css: float の使用法の概要
開発者にとって、Float は頻繁に使用する必要がありますが、それがもたらす苦痛に耐えることがよくあります。しかし、それを制御できるのはほんのわずかだと思います。 CSS float は、左にフローティング (float:left) および右にフローティング (float:right) するラベル オブジェクトと呼ばれるものです。フローティングとは、DIV 要素を標準フローから切り離し、標準フローの上に浮かせることと理解できます。これは、標準フローと同じレベルではありません。この章では、float の使用方法について説明します。
まず、PHP中国語ウェブサイトに関連する無料コースを学ぶことができます
FloatDark Horse Programmer CSSビデオチュートリアルのfloat関連コンテンツ
あなたの知らないfloatの使い方を詳しく解説
2.css float-float/clear 詳細なグラフィックとテキストの説明
3.float の正しい使い方、90% の人が間違って使っています
4.CSSで複数のdivのfloatの高さを調整する2つの方法
5.CSS における float float の詳細な説明
a.float の起源 float の本来の設計は、テキストの折り返し効果を作成することであり、これはデザイナーが私たちに望んでいることです。
b.float パラメータ
float 属性には 3 つのパラメータ値があります: Left: 要素が左側に浮動することを示します。 right: 要素が右に移動することを示します。 none: オブジェクトはフローティングせず、標準のドキュメント フローに従います。 c. 効果の表示 (float: left を例に挙げます。float: right の場合は位置が違うだけです) 6.CSS の基礎知識での float の詳細な紹介
Float には 4 つの属性があります: left (左フロート) 、右 (右フローティング)、なし (フローティングではない)、継承 (継承)。 float 要素を含むブロックは、その最も近いブロックレベルの祖先です。
フローティング要素は、その外側の境界が「包含ブロックの内側の境界」または「別のフローティング要素の外側の境界」に触れるまで、左(または右)にオフセットされます。
関連する質問と回答1.float要素が落ちる問題の解決方法
2.HTMLでfloat属性を使用すると親要素の高さが0になってしまう、その方法解決しますか?
【関連おすすめ】
1. PHP中国語Webサイト無料チュートリアル: 「CSS 0基本入門チュートリアル」
2. PHP中国語Webサイト無料ビデオチュートリアル: 「php.cn Dugu Jiijian (2) - cssビデオ」チュートリアル》
以上がフロートの使い方は? css: float の使用法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。