html - CSS 保持元素最大顶部和左侧

Question

我正在尝试用 PHP 制作一个网站。

<span style="height:60px;"></span>
<span style="height:90px;"></span>
<span style="height:95px;"></span>
<span style="height:45px;"></span>
<span style="height:60px;"></span>
<span style="height:70px;"></span>
<span style="height:55px;"></span>
<span style="height:60px;"></span>
<span style="height:40px;"></span>

上面的span是一些帖子。
它的 CSS 是:

span{
    width:150px;
    margin:1px;
    display:inline-block;
    float:left;
    background-color:#000;
}

我得到了这个结果:http://jsfiddle.net/5kPFJ/3

但我需要这样的结果:http://jsfiddle.net/56ybX/
我用了<div>使用一些 CSS 来保持这些跨度最大。
但是我需要这个没有 <div> 的结果标签。
我该怎么办？

Answer 1

当您 float 某些东西时，您应该有某种包装器来容纳该列，它的显示变成 block 状，因此跨度现在是 block 状的，您不能做您想做的事。你应该使 3 列 float ，并在其中放置你的跨度，容器可以是任何 html 元素，你可以使用 css 更改该元素的行为