CSS浮动怎么做【html5教程】,CSS

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

由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

CSS 浮动，在 CSS 中，我们经由过程 float 属性完成元素的浮动。 ( 引荐进修：CSS教程 )

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

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

假如把一切三个框都向左挪动，那末框 1 向左浮动直到遇到包括框，别的两个框向左浮动直到遇到前一个浮动框。

如下图所示，假如包括框太窄，没法包容程度分列的三个浮动元素，那末别的浮动块向下挪动，直到有充足的空间。假如浮动元素的高度差别，那末当它们向下挪动时大概被别的浮动元素“卡住”：

以上就是CSS浮动怎样做的细致内容，更多请关注ki4网别的相干文章！

标签：CSS