关于浮动停止的疑问
来源：2-2 浮动的基础知识
鲨鱼会飞
2019-08-05 09:22:09
视频中说浮动元素在遇到包含框或者其他元素的浮动框后会停止。后面一个好理解，但如果说浮动元素碰到包含框就停止的话，那么按照2-4的练习为例，一个大的container包含两个方块，上面是红色，下面是蓝色。当把红色和蓝色方块都设置为做浮动的话，他们俩个会并排显示。可是如果按照定义碰到包含框就停止浮动的话，那么蓝色的左边就是container的包含框，他的位置应该不变才对呀，为什么还会跑上去遇到红色浮动框才停止呢？
写回答
1回答
-
同学你好，你对浮动元素在遇到包含框后会停止的理解有一点偏差哈，简单来说，就是浮动元素在一行显示以后，最后一个元素会不会碰到包含框。如果碰不到就在一行显示。如果碰到了就不在一行显示。
举个例子说明一下：
① 两个盒子宽度的和是200px，而外面大盒子的宽度为150px,150小于200，所以蓝色盒子会碰到包含框，所以浮动会停止，两个盒子不在一行显示。
效果：
② 两个盒子宽度的和是200px，而外面大盒子的宽度为250px,250大于200，所以蓝色盒子不会碰到包含框，所以浮动不会停止，两个盒子在一行显示。
效果：
如果还有疑惑,可以在问答区再次提问,我们会继续为你解答的.
如果我的回答帮助了你欢迎采纳,祝学习愉快~
0
相似问题