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

时间:2013-12-27 20:06:07

标签: html css

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

目的是扩展div时看起来内容是从顶部而不是从底部进入。

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

1 个答案:

答案 0 :(得分:2)

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

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;
}