首页 > 解决方案 > 当孩子身高不相等时,浮动不起作用

问题描述

当任何子元素大于其他元素时,浮动不起作用。这是jsfiddle。

`https://jsfiddle.net/vs8bud2w/4/`

div2 的高度为 120px;其他的高度为 100px;所以第五个元素没有向左浮动,而是卡在 div2 附近。

如何解决这个问题?甚至清除两者都不起作用。

标签: css

解决方案


你可以使用这个:

.three {
   clear: left;
}

这意味着左侧不允许浮动元素。


推荐阅读