Question

我不懂css的左浮动，下面是对6个div使用左浮动，出现了卡住这个说法

图1

图2

图3

请以此解释，6或者4这个块是怎么卡的，为什么这么卡？？





Answer 1

是这样的：
①当包含浮动元素的容器宽度不够容纳另一个浮动元素时，该元素就会下沉一定高度，直到有足够的空间可以继续沿着设置的方向移动；
②元素往设定的方向浮动时，什么时候会停止呢？
1是当浮动元素的外边缘 触碰到它的父级的内边缘时。
2是当浮动元素的外边缘 触碰到另一个浮动元素的外边缘时。
【此时不会出现①的下沉情况 是因为在该位置有足够的空间容纳该浮动元素，所以就卡在那里。】

追问

我还是不懂，你有qq没

追答

哪里不懂？
有事可以用百度的Hi找我。

追问

1是一个div，他的w和h是设定的，本来就大一点，有class=“style1”，2到4用的是class=“style2”，现在是，浮动的时候，4没在1下面，在2下面，为啥呀

追答

图中，6div向左浮动时，因为1div高度高于2div，所以向下突出一块，6div触碰到1div突出的那一块，发生我说的②中的第2条，所以不能再向左浮动。

Answer 2

1.吧这6个div设定好固定的宽高
2.这6个div外层如果还有div的话，外层的div宽度是个问题，你可以先把外层的宽的设置成6个div宽度的总和，这样他们就会排成一列

Answer 3

一旦浮动就脱离了父元素的控制，，而且在个版本浏览器里显示也不同
但是个人觉得你这些问题无意义，多做一些项目比较实际

Answer 4

纳尼我不懂

追问

哪里不懂

追答

你弄得这是啥

追问

css呀，div浮动问题