CSS позиционирование с анимацией

0

Изображение 174551

Мне нужно центрировать 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;
}

DEMO

Теги:
positioning

1 ответ

1
Лучший ответ

Добавить left:200px; to #gameArea.

Если это то, что я понял, что ты хочешь.

  • 1
    Или, учитывая, что вы не хотите выдвигать элемент с left свойством, вы можете альтернативно использовать float: right; и margin-right:30px; , удаление position:absolute; ,

Ещё вопросы

Сообщество Overcoder
Наверх
Меню