强制溢出到顶部而不是底部

Question

我希望我的内容在 div 中溢出到顶部和左侧而不是右下角。

目的是当展开 div 时，内容看起来像是从顶部而不是底部传入。

有没有办法做到这一点是CSS？就像您vertical-align为文本设置的方式一样，我希望 div 溢出到顶部而不是底部

Answer 1

像这样的事情可以解决问题。

jsfiddle

HTML

<div class="wrapper">
    <div class="overflow"></div>
</div>

CSS

.wrapper {
    position: relative;
    width: 100px;
    height: 100px;
    background: #eee;
}

.wrapper .overflow {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
    width: 50px;
    height: 150px;
}