item1
item2
item3
item4
重置

float

item1
item2
重置

float(item1)

float(item2)

margin-bottom(item1)

margin-top(item2)

父容器
item1（子容器）
重置

float(父容器)

float(item1)

width(item1)

height(item1)

border-width(item1)

父容器父容器item1（子容器）父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器父容器
重置

float(item1)

border-width(item1)

item1
item2
item3
重置

float(父容器)

float(item1)

float(item2)

float(item3)

左浮动
右浮动
item3
重置

clear(item3)

display(item3)

上面的块布局
左浮动
右浮动
下面的块布局
重置

父容器(清浮动)