css - 当 child 高度不相等时, float 不起作用

标签 css

<分区>

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

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

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

如何解决这个问题? 即使清楚两者都不起作用。

最佳答案

你可以使用这个:

.three {
   clear: left;
}

意思是左边不允许有 float 元素。

关于css - 当 child 高度不相等时, float 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51704429/

上一篇:jquery - 使用 CSS 的滑动菜单?

下一篇:php - 将值从下拉 Bootstrap 传递到下一个 php 页面

相关文章:

html - 如何根据我的示例使用css设计带箭头的div框?

html - Wrap DIV to content 只有当内容在一行时才会换行

javascript - 裁剪掉图像中的所有白色

jquery - 表元素重叠

html - 我怎样才能填补导航栏和div之间的差距

javascript - 动画未通过 jQuery TransitionEnd 事件完成

javascript - jQuery 文件未链接到 HTML 文档

html - 在同一个 html 页面中使用多个 css 样式表

css - flex-grow 在 Internet Explorer 11 中不起作用

html - CSS使用div创建均匀间隔的表格