我必須忘記垂直和水平居中的flexbox的一些基本知識。容器位于具有垂直滾動的父對象內，并且當容器太高時，它會超出父對象頂部，剪切內容。底部保持不變。嘗試調整視圖的高度或添加更多行以查看實際效果。body,html {  height: 100%;  width: 100%;  margin: 0;}* {  box-sizing: border-box;}#wrapper {  background: grey;  height: 100%;  width: 100%;  max-height: 100%;  display: flex;  overflow-y: auto;  align-items: center;  justify-content: center;}#box {  margin: 30px 0;  background: white;  border: 1px solid #dfdfdf;}<div id="wrapper">  <div id="box">    First line    <br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br>line<br> Last linje  </div></div>如何防止其被修剪？另外，我嘗試在容器上方和下方設置30px的邊距。