JSFiddle - React, Tailwind, and code Playground

HTML

xxxxxxxxx<br>
<div class="truncatefromtop"><div>
    trully big diiv 1<br>
    trully big diiv 2<br>
    trully big diiv #<br>
    trully big diiv 4<br>
    trully big diiv 5<br>
    trully big diiv 6<br>
    trully big diiv 7<br>
    trully big diiv 8<br>
    trully big diiv 9<br>
    trully big diiv 10<br>
    trully big diiv 11<br>
    trully big diiv 12<br>
    trully big diiv 13<br>
    trully big diiv 14<br>
    trully big diiv 15<br>
    trully big diiv 16<br>
    trully big diiv 17<br>
    trully big diiv 18<br>
    trully big diiv 19<br>
    trully big diiv 20<br>
    trully big diiv 21<br>
    trully big diiv 21<br>
    trully big diiv 22<br>
<div></div>

CSS

div.truncatefromtop{
    height:100px;
    overflow:hidden;
    position: relative;
}
div.truncatefromtop>div {
    position: absolute;
    bottom: 0;
    left:0
}