关于div布局

父级盒子没有固定高 让子级盒子既要撑满又要和随父级高的变化而变化 例如项目中规则模块

 .box_wrap{
    width: 100%;
    min-height: 52px;
    overflow: hidden;
    zoom: 1;
    border: 1px solid #b3d4fc;
    background: white;
    display:flex;display:-webkit-flex;align-items:stretch;（父级盒子）
  }
  .box_wrap>div{
    min-height: 52px;
    height: inherit;（子级盒子）
    float: left;
  }

当div没有固定高 但需要元素垂直居中

1、给父级display：flex
 display:flex;display:-webkit-flex;
 align-items:center;
 2、让父级display为table-cell  
 display:table-cell
 vertical-align:middle;