0
 <div id="foo">
    <div class="bar">
       there are very many divs like this  
    </div>
 </div>

CSS

#foo{
    margin: 10px auto;
    min-height: 400px;
    min-width: 800px;
}
.bar{
    float: left;
    text-align: left;
    width: 450px;
    min-height: 280px;
}

div #foo 可以具有从 800px 到 100% 包含媒体的可变宽度,并且 div .bar 可以具有可变高度。在宽显示器上,我想要三列 .bar div,但由于它们的高度可变,就像它们滑动到上方 div 的左侧,因此左侧的那些在它们上方有空格。如何让它们向上浮动。我希望我是有道理的。

4

1 回答 1

1

我建议你看看这篇文章:有人知道 Pinterest.com 的布局是如何工作的吗?可能还有这些 jQuery 插件: http: //masonry.desandro.com/http://www.wookmark.com/jquery-plugin

CSS3 解决方案:http ://cssdeck.com/labs/css-only-pinterest-style-columns-layout

于 2013-07-08T18:33:43.627 回答