流畅地浮动的div留下

这里是我想要做Vs的形象是什么我得到流畅地浮动的div留下

基本上我都漂浮在div左侧，但因为第一个div的高度越高比其余的，它留下一个大洞。

生成的div是店铺集合中的产品。而高第一个div是一个始终存在的过滤器菜单。

我如何获得所有的div流畅地左浮动并填充空的空间。我应该看flex盒吗？它不是砌体/同位素类型的布局。只有第一个div有一个较高的高度

这里的网页即时通讯工作： http://goo.gl/4LfgAx

来源

2016-03-04 wsgg

请您加入小提琴演示？ –

生动的示例http://goo.gl/4LfgAx – wsgg

http://stackoverflow.com/a/34481128/3597276 –

希望这有助于：

div.container{ 
 
    width: 250px !important; 
 
    border: none; 
 
} 
 
div.container div.row{ 
 
    width: 100%; 
 
    border: none; 
 
} 
 

 
div.container div.row div{ 
 
    border: 1px solid black; 
 
    height: 50px; 
 
    float: left; 
 
    margin: 1px; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-xs-3" style="height: 100px;"></div> 
 
    <div class="col-xs-3"></div> 
 
    <div class="col-xs-3"></div> 
 
    <div class="col-xs-3"></div> 
 
    <div class="col-xs-3"></div> 
 
    <div class="col-xs-3"></div> 
 
    <div class="col-xs-3"></div> 
 
    <div class="col-xs-3"></div> 
 
    </div> 
 
</div>

来源

2016-03-04 06:46:30

流畅地浮动的div留下

回答

相关问题