设置

.container{ 
  min-height: 100vh;
}

什么时候用100%：当你的外部容器有具体高度的时候，子元素设置高度100%，那么子元素高度就是外部容器的高度。外部容器没有具体高度，那你的100%相当于没有用，也就是子元素自己的内容撑开的高度。