
浮动的框能够向左或向右挪动,直到它的外边沿遇到包括框或另一个浮动框的边框为止。
由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。
CSS 浮动,在 CSS 中,我们经由过程 float 属性完成元素的浮动。 ( 引荐进修:CSS教程 )
请看下图,当把框 1 向右浮动时,它离开文档流而且向右挪动,直到它的右边沿遇到包括框的右边沿:
再请看下图,当框 1 向左浮动时,它离开文档流而且向左挪动,直到它的左边沿遇到包括框的左边沿。由于它不再处于文档流中,所以它不占有空间,实际上掩盖住了框 2,使框 2 从视图中消逝。
假如把一切三个框都向左挪动,那末框 1 向左浮动直到遇到包括框,别的两个框向左浮动直到遇到前一个浮动框。
如下图所示,假如包括框太窄,没法包容程度分列的三个浮动元素,那末别的浮动块向下挪动,直到有充足的空间。假如浮动元素的高度差别,那末当它们向下挪动时大概被别的浮动元素“卡住”:
以上就是CSS浮动怎样做的细致内容,更多请关注ki4网别的相干文章!