CSS floating float_html/css_WEB-ITnose

Reference: Share: In-depth understanding of CSS float float

1: The original intention of float design

It is to achieve the text wrapping effect

Package: BFC ( Block-level formatting context)

Destroyed: The container is destroyed and the parent element height is collapsed (standard,

Two: Clear float (bring Influence)

1: Method 1, insert clear at the bottom: both

clear:html block horizontal element bottom

css after pseudo element

2: Method 2, BFC/haylayout

3: Clear and margin overlap

Three: Floating and fluid layout

Use float as little as possible to implement brick layout, float is used for fluid layout

Four: float compatibility