Мне нужно центрировать div div mainBox и сделать его с самого начала в центре страницы. Что касается gameArea, он должен быть с самого начала на своем месте, как на показанном изображении. Информационная панель должна перемещаться слева и проходить без перемещения других элементов после анимации. Это реально, не позиционируя его в px?
#mainBox {
overflow: auto;
margin: 0 auto;
height: 500px;
width: 1000px;
position: relative;
...
}
#informationPanel {
position: absolute;
float: left;
...
}
#gameArea {
float: left;
position: absolute;
}
Добавить left:200px;
to #gameArea
.
Если это то, что я понял, что ты хочешь.
left
свойством, вы можете альтернативно использоватьfloat: right;
иmargin-right:30px;
, удалениеposition:absolute;
,