jquery - 带动画的 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 。

如果这就是我所理解的您想要的。