CSSプロパティは、フロートフロート
フロートプロパティは、多くの場合、ページレイアウトの開発に適用され、ページは右にその属性値に基づいてフロート要素のプロパティを提供するか、フローティングのままにされます。
フロートページレイアウト表示は
次のように、基本的なレイアウトを設定するには：
< divのクラス= "ボックス" > < divのクラス= "DIV1" > </ divの> < divのクラス= "DIV2" > </ divの> < divのクラス= "DIV3" > </ DIV > </ DIV >
■は { 幅：600PX。 高さ：350px ; 背景：＃00FFFF。 オーバーフロー：隠されました ; / * BFC规范* / } .div1 { 幅：80px ; 高さ：100pxに。 背景：＃ADFF2F。 マージン：10pxの ; } .div2 { 幅：100pxに。 高さ：80px ; 背景：＃800080 ; マージン：10pxの ; } .div3 { 幅：120ピクセル。 高さ：100pxに。 背景：＃FF0000 ; マージン：10pxの ; }
結果は、ブロックレベル要素のdiv CSSで、以下のように規格に従って配置されている底部流の上から、従って個別の行であるようです。
ページブロックレベル要素（DIV1）プラス**フロート場合：左; **特性は、それによって標準的なフロー効果逸脱浮動ブロックレベル要素の原因となり、以下の通りであります：
この表示されていること：浮動特性が上部浮動要素に設けられ、原稿の要素は、次の2つの要素の上方への移動が占めるように、ではない、そのフロー位置へ原稿への添加、続いて元の位置にレベルではないれています要素の位置。
2 .FLOATの特徴
- カプセル化
- 破壊的
カプセル化：
フローティング要素の幅は、コンテンツ伸延によってフローティング要素の幅と高さを定義されていない場合。
破坏性：
当给元素增加浮动属性流式性。所谓流式性，就是当块级元素没有设置宽度的时候，他会自动的设置成和父元素相同的宽度！而当元素一旦设置成了float之后，会破坏这种特性，在父元素没有指定高度时，子元素全部浮动，父元素的高度就会没有，从而必须设定一个宽度，将元素撑起来。
————————————————
版权声明：本文为CSDN博主「Usur_张超」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/shelley22/article/details/104461038