5. modal组件的height问题

来创建一个modal

1. header固定50px，body高度strecth
2. 整体宽300px，最大高度300px
3. 显示于viewport的中心
4. 上下到viewport的边界需要至少30px的间距

HTML结构大概如下

<div class="modals">
  <div class="modal">
    <div class="modal-header"></div>
    <div class="modal-body"></div>
  </div>
</div>