html - 如何将 DIV 依偎到底部

Question

我有一个 block :

<div class="block">
    <div class="image">
        <span class="grow">4</span>
        <img src="images/rate_doctor_photo.png">
    </div>
    <div class="rate" style="background:#00a7ff">
        <div class="ln"></div>
        <span>Алексей Романов Олегович</span>
    </div>
</div>

如何将 class="image" block 与 class="rate" block 混在一起备注:bloks class="rate"总是有不同的高度

Answer 1

尝试这样的事情:

.image,
.rate{
    display:inline-block;
    vertical-align:bottom;
    margin-left:-4px;
}

http://jsfiddle.net/daCrosby/7xjTC/