高さがなくても子要素を中央に配置する

親要素に高さが指定されていなくても、子要素を中央に配置することができます。

.box-center {
position: relative;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}