html - float div,如何使元素适合

标签 html css css-float

我知道 Masonry,但真的需要这些才能制作 fiddle 中的黄色元素吗?向上移动以形成一个漂亮的网格并填充空白区域?

我觉得我缺少一些 CSS 成分。

<div class="wrapper">
  <div class="block red">red</div>
  <div class="block blue">blue<br/>blue</div>
  <div class="block yellow">yellow<br/>yellow<br/>yellow</div>
</div>

这些元素的高度应该是流动的。

http://jsfiddle.net/Kq2eB/

最佳答案

我尝试添加一个 topposition:relative 行,它似乎是你可能想要的地方,不过你可以尝试一下,我希望我有帮助!这是一个 fiddle ! http://jsfiddle.net/Ghpb6/

关于html - float div,如何使元素适合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23947102/

相关文章:

javascript - Bootstrap : hover overlay (via css) is bigger than image

javascript - 如何创建简单的总价?

css - 如何仅在特定元素中应用顺风样式?

css - 有没有办法在CSS中改变像素从右到左的流动而不是正常的从左到右

html - 如何创建三 Angular 形背景?

html - 复杂 div 结构中的 float div

javascript - 在没有 Javascript 的情况下使用依赖字段

html - 仅 CSS 和 HTML 下拉菜单剧透

css - 容器 div 中 CSS float 的问题

css - Div 漂浮在 wrapper 内不显示