ホームページ > 記事 > ウェブフロントエンド > css float 属性分析_html/css_WEB-ITnose
css float 属性分析_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:03:47877ブラウズ
Float属性の定義
：どの方向に要素がフロートする方向
デフォルト値は
：なし：フローティング要素は、それがどのような要素であるかに関係なく、ブロックレベルのボックスを生成します。
HTML コード: <body> <div class="main"> <div class="d" id="d1">框1</div> <div class="d" id="d2">框2</div> <div class="d" id="d3">框3</div> <div class="d" id="d4">框4</div> </div></body>
CSS スタイル:
.main { border: 1px solid ; } .d { border: 1px solid red; width: 50px; height: 50px; float: left; }
表示効果:
2. 1 行に十分なスペースがない場合、浮動要素は次の行にジャンプします。
.main { border: 1px solid ; width:130px; } .d { border: 1px solid red; width: 50px; height: 50px; float: left; }
表示効果:
3.テキストフローは親要素を参照します
ccs スタイル:
#d1{ float:left; } 表示:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。