实例教程：领略CSS浮动(Float)属性

　　浮动的框可以向左或向右移动，直到它的外边沿遇到包括框或另一个浮动框的边框为止。

　　因为浮动框不在文档的平凡流中，以是文档的平凡流中的块框示意得就像浮动框不存在一样。

　　CSS 浮动

　　请看下图，当把框 1 向右浮动时，它离开文档流而且向右移动，直到它的右边沿遇到包括框的右边沿：

　　再请看下图，当框 1 向左浮动时，它离开文档流而且向左移动，直到它的左边沿遇到包括框的左边沿。由于它不再处于文档流中，以是它不占有空间，现实上包围住了框 2，使框 2 从视图中消散。

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

　　如下图所示，假如包括框太窄，无法容纳程度分列的三个浮动元素，那么其余浮动块向下移动，直到有足够的空间。假如浮动元素的高度差异，那么当它们向下移动时也许被其余浮动元素“卡住”：

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!