浮动的元素会对它后面的元素造成影响:
浮动的理解:
一个浮动的元素只会对它后面的元素造成影响,不可能对它前面的元素造成影响。
一个 右浮动 的元素,先向 上 飘,飘到 父元素边界 时停止,然后向 右 飘,飘到 父元素的边界就停止了。
让三个DIV浮动,有多种组合方式,如下:
只有一个元素浮动的情况下:
[右, , ]
[, 右, ]
[, , 右]
[左, , ]
[, 左, ]
[, , 左]
有两个元素浮动的情况下:
[右,右, ]
[, 右,右]
[右, ,右]
[左,左 ,]
[, 左,左]
[左, ,左]
[左,右 ,]
[左, ,右]
....
三个元素都浮动的情况下:
[左,左,左]
[左,左,右]
[左,右,左]
[右,左,左]
[右,右,右]
[右,右,左]
[右,左,右]
[左,右,右]
只有一个元素浮动的情况下:
[右, , ]

[, 右, ]

[, , 右]

[左, , ]

[, 左, ]

[, , 左]

有两个元素浮动的情况下:
[右,右, ]

[, 右,右]

[右, ,右]

[左,左 ,]

[, 左,左]

[左, ,左]

[左,右 ,]

[左, ,右]

....
三个元素都浮动的情况下:
[左,左,左]
[左,左,右]
[左,右,左]
[右,左,左]
[右,右,右]
[右,右,左]
[右,左,右]
[左,右,右]