关于面试题

1.有两个盒子 A、B，B 在 A 盒子中，它们的 CSS 是这么定义的：

A {
position:relative;
width:500px;
height: 500px;
background-color:green;
}B {
position:absolute;
max-width:300px;
max-height:300px;
background-color:blue;
}
如何实现 B 在 A 中水平方向和垂直方向居中
解答
说实话这题我没太看懂，我就说下垂直居中和水平居中的方法吧。
水平居中大家都知道 margin:0 auto 就行了，垂直居中也有 display:table，然
后 vertical-align: middle;这都是基本方法，但是我目测这道题考察的是 css3
吧。css3可以用下面的方法实现子元素居中（不同浏览器需要写私有属性）
display: box;
box-orient: horizontal;
box-pack: center;
box-align: center;