更改窗口高度时如何消除溢出？

Question

我在另一个上方有两个div。当我调整窗口高度的大小时，第二个div高度会改变，但它仍会垂直溢出并创建滚动条。有人知道我需要更改吗？

body,
html {
  margin: 0;
  padding: 0;
}

.title {
  width: 60%;
  height: 200px;
  margin: 0px auto;
}

.container {
  margin: auto;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  max-height: 800px;
  overflow: auto;
}

<div class="title">
  <h1>Title</h1>
  <button class="newbutton" type="button" id="backButton">Back</button>
</div>

<div class="container">

</div>