設(shè)置position: absolute;bottom: 0;

.parent {
    width: 40px;
    height: 100px;
    position: relative;
    overflow: hidden;
}
.child{
    position: absolute;
    bottom: 0;
}

<div class="parent">
    <div class="child">
        1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z
    </div>
</div>

通過(guò)CSS恐怕是不行的，文檔流默認(rèn)的就是從上到下，從左到右。如果強(qiáng)行更改文檔流，可能別的地方布局就亂了。
我能想到的思路就是你把想要隱藏的部分的數(shù)據(jù)給截取掉，也就是說(shuō)渲染都不渲染。
比如說(shuō)JS得到的數(shù)據(jù)是

[
    {
        id: 10,
        price: 1233
    },
    {
        id: 9,
        price: 11.66
    }
]

然后想隱藏10，保留9，那就做arr.shift()什么的類(lèi)似操作，把id為10的對(duì)象刪掉，再渲染到頁(yè)面上去。