css浮动规则不解

问题描述

问 题

如图所示 a,b,c都是浮动元素b比a高，我不大理解为什么c的顶部会在b的下方，而不是往上浮动到贴紧a
按照http://www.w3help.org/zh-cn/k...这里的现象也没有找到对于的细则，求解释

解决方案

我觉得你可以这么理解，C之所以下去了是因为没有足够的水平空间，但C要下去有B挡着没法逃，所以C需要向下移动一个B的高度才能逃的掉，逃掉之后会立刻贴住左边因为是向左浮动，但不会再次调整上下因为已经逃掉没啥关系了。这个有点像是星爷的大内密探零零發在外星人解剖场搞掉无面孔人儿子那段，磁石在哪它飞哪，Pia的一下就贴上了哪管什么姿势啊。同样的，如果A比B高，那么C还是会向下移动个B的高度然后向左逃逸，只不过会被卡在A的脚上紧贴B的下部，但同样因为已经达到逃逸的目的了，所以不会发生再往下挪再去以便能贴住左边框这种事。

这篇关于css浮动规则不解的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！