如何保持DIV的垂直滚动条在底部

　　今天发现一个可以通过CSS使DIV的垂直滚动条保持在底部的方法，记录一下！

.container {
  height: 100px;
  overflow: auto;
  display: flex;
  flex-direction: column-reverse;
}

　　在线查看例子：https://codepen.io/jimbol/pen/YVJzBg

　　通过JavaScript也可以实现相同的效果：

function updateScroll(){
    var element = document.getElementById("yourDivID");
    element.scrollTop = element.scrollHeight;
}

//once a second
setInterval(updateScroll,1000);