显示一行的两个块

Question

我想显示一行中的两个块以及这些不同高度的块。

现在我使用float: left并获得一个空格（黄色显示屏幕截图）：

如何避开空间？

CSS：

.one{
    float: left;
    border:1px solid #C11A1A;
    width: 50px;
}

HTML：

<div style="width: 110px;">
<div class="one" style="height:50px;">
        1
    </div>
    <div class="one">           
        2
    </div>
    <div class="one" style="height:70px;">
        3
    </div>
    <div class="one">
        4
    </div>
    <div class="one" style="height:50px;">
        5
    </div>
    <div class="one">
        6
    </div>
    <div class="one">
        7
    </div>
</div>

有了两个div，我得到了这个变种：

我想获得相同的列高（尽可能），块大小因文本而异。

Answer 1

您需要设置并float:left并在“块”周围设置auto:width的范围