DIV撑满剩余高度，未知高度垂直居中

css3 transform:translateY 未知垂直居中

// 相对于父组件进行绝对定位，top 50%， 再 用CSS3属性 transform: translateY(-50%) 设置Y轴-50%即可

parentElement{
        position:relative;
    }

 childElement{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);

 }

 

DIV撑满剩余高度

方法一：绝对定位

    

        
固定内容
        
要撑满全部高度的DIV
            
未知高度要垂直居中，水平居中的内容
        
    

注：Position:absolute是相对于他最近一个祖先节点定位，该祖先节点必须有postion:absolute,  relative,  fixed 的属性，如若没有，就相对于body做绝对定位

方法二：浮动

 
	
		
		

			

				固定高度
			
			

				自适应父容器, 充满剩余的空间 
			
		
 
	

上面的 div浮动，下面的DIV自动会填上，并设置为height：100%就OK