用动画定位CSS

Question

我需要将mainBox div居中，然后从页面中心的开头进行设置。至于gameArea，它必须从它的位置开始，就像在显示的图像上一样。信息面板必须从左侧滑入并在动画后不移动其他元素的情况下进行。没有将它放在px中它是真的吗？

#mainBox {
   overflow: auto;
   margin: 0 auto;
   height: 500px;
   width: 1000px;
   position: relative;
   ...
}
#informationPanel {
    position: absolute;
    float: left;
    ...
}
#gameArea {
    float: left;
    position: absolute;
}

DEMO

Answer 1

将left:200px;添加到#gameArea。

如果这就是我理解你想要的东西。