5. modal组件的height问题

CSS

  -通过 / -执行

来创建一个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>

1.400x150

2.400x300

3.400x400

4.400x600