html设置左右浮动odd,可变高度处的CSS浮动Div

可变高度处的CSS浮动Div

我有一个100 px宽度的无限个div，它可以容纳一个250 px宽度的父级。无论高度如何，我都需要在行中显示div，如图像所示。我试过解决这个问题，但是div的高度似乎把它搞砸了。

我非常感谢你的帮助。谢谢：)

#holder{

width:250px;

border:1px dotted blue;

display:inline-block;

}

.box{

width:100px;

height:150px;

background-color:#CCC;

float:left;

text-align:center;

font-size:45px;

display:inline-block;

}

.one{

background-color:#0F0;

height:200px;

}

.two{

background-color:#0FF;

}

.three{

background-color:#00F;

}

.four{

background-color:#FF0;

}

1

2

3

4