css - 获取浮点到 "float up"以填充空间

标签 css css-float

下面屏幕截图中的每个框都采用“float: left”样式。

如何让它们 float 到第一个有空格的“列”? (例如,在下面的示例中,将 Music Nation 框移动到红色箭头显示的位置)

enter image description here

最佳答案

您可以将列放在右侧,并使用 float:right 样式。这应该可以解决问题,但我真的不知道是否有最佳实践。

你也可以在盒子上放置一个负的 margin-top 将其拉起,但在我看来,这是一个不好的做法。你应该尝试我说的第一个。

编辑:我认为这对您来说会很有趣:http://masonry.desandro.com/

关于css - 获取浮点到 "float up"以填充空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11563249/

相关文章:

html - 如何设置表单组背景颜色

HTML 图像跨越整个屏幕

html - 如何使用 CSS 将图像添加到 anchor 标记?

css - 对齐对象

css - 一行 2 个 div,中间有表格

html - 如何在另一个 div 中对齐 3 个 div(左/中/右)?

javascript - 当页脚出现时重新定位滚动到顶部按钮(因此它永远不会重叠)

html - 表格对齐 - css, html

css - 如何让div充满浏览器窗口

html - 使用 float : left 的意外行为