方法5，只知道大盒子宽高

.box {

　　/* 大盒子宽高已知 */

　　width: 400px;

　　height: 400px;

　　background: #Ccc;

　　text-align: center;

}

.box1 {

　　/* 小盒子宽高未知 */

　　width: 200px;

　　height: 100px;

　　background: red;

　　vertical-align: middle;

　　display: inline-block;

}

.box2 {

　　/* 在小盒子下面加一个div，把div的高度设置为大盒子高度，宽度设置为0，box1和box2都加vertical-align：middle(垂直方向居中) */

　　display: inline-block;

　　vertical-align: middle;

　　height: 400px;

　　width: 0;

}