父级盒子没有固定高 让子级盒子既要撑满又要和随父级高的变化而变化 例如项目中规则模块
.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;