请看下图，当把框 1 向右浮动时，它离开文档流况且向右挪动，直到它的左边缘遇到涵概框的右侧际：

再请看下图，当框 1 向左浮动时，它离开文档流并且向左移动，直到它的左边际碰着征求框的左边缘。因为它不再处于文档流中，所以它不并吞空间，实践上覆盖住了框 2，使框 2 从视图中失踪。

假如把全数三个框都向左移动，那么框 1 向左浮动直到遇到包括框，其它两个框向左浮动直到碰到前一个浮动框。

如下图所示，若是蕴含框太窄，没法见谅水准布列的三个浮动元素，那么其它浮动块向下挪动，直到有匮乏的空间。要是浮动元素的高度不合，那末当它们向下挪动时概略被其它浮动元素“卡住”：

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c52279.shtml