欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

浮动的框可以向左或向右挪动,直到它的外边沿碰着搜聚框或另外一个浮动框的边框为止。

由于浮动框不在文档的寻常流中,所以文档的寻常流中的块框显现得就像浮动框不具备一样。

 

CSS 浮动

请看下图,当把框 1 向右浮动时,它脱离文档流何况向右移动,直到它的右侧际遇到包括框的左侧缘:

CSS 浮动实例 - 向右浮动的元素

再请看下图,当框 1 向左浮动时,它离开文档流何况向左挪动,直到它的左边际碰着包含框的左边际。由于它再也不处于文档流中,所以它不占有空间,理论上掩盖住了框 2,使框 2 从视图中隐没。

若是把一切三个框都向左挪动,那么框 1 向左浮动直到遇到搜聚框,其它两个框向左浮动直到碰着前一个浮动框。

CSS 浮动实例 - 向左浮动的元素

以下图所示,要是搜罗框太窄,没法包容水平分列的三个浮动元素,那末其它浮动块向下移动,直到有足量的空间。假如浮动元素的高度不同,那末当它们向下挪动时可以被其它浮动元素“卡住”:

CSS 浮动实例 2 - 向左浮动的元素

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r52792.shtml