CSSでfloat:leftして横に並べたが、高さの違うboxを上に詰めて表示したい

Question

###前提・実現したいこと
html/CSSでデザインしていて、
floatしたBoxを、縦につめて表示したいのですが、どうやるかわからずあたふたしてます！
だれか教えて下さい！

Comments

[kei344]

書かれている状況が再現するコード（HTML/CSS）を前後も含めて提示されたほうが回答を得やすいと思います。

Answer 1

いわゆるmasonryと呼ばれるデザインのことだと思うのですが、floatでは難しいです。

javascriptを使ったものや、CSSのFlexboxを使ったものはありますのでご検討ください。
Masonry
[CSS]レスポンシブ対応のMasonryレイアウトをスクリプト無し、ピュアCSSで簡単に実装できる -driveway | コリス

Answer 2

縦につめて表示

という状況がわかりませんが、普通にフロートしたら上揃えになりませんか？

<style>
.a{float:left;width:100px;border:1px solid #000000;}
.b1{height: 30px;background-Color:yellow;}
.b2{height:100px;background-Color:lime;}
.b3{height: 50px;background-Color:aqua;}
</style>
<div class="a b1">b1</div>
<div class="a b2">b2</div>
<div class="a b3">b3</div>