我有无限多个100px宽度的div,可以放入250px宽度的父级中.不管高度如何,我需要div成行显示,如图所示.我试过解决这个问题,但是div高度似乎把它搞砸了.
我非常感谢你的帮助.谢谢:)
<style>
#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;
}
</style>
<div id="holder">
<div class="box one">1</div>
<div class="box two">2</div>
<div class="box three">3</div>
<div class="box four">4</div>
</div>
这是jsfiddle美元
下面是我使用javascript所做的工作和实现的内容 https://jsfiddle.net/8o0nwft9/个