Денис Т

Очень интересно услышать другие мнения, но насколько я знаю, с появлением и исчезновением верхней панели ничего нельзя сделать, а по сему вёрстка будет перестраиваться. Вроде можно заблокировать эту панель или вообще убрать, но вряд ли пользователь согласится с такой идеей.

поддержка разве что, а так очень удобная единица измерения
правда не советую прям везде использовать её

.parent {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

Или вариант DmitrySorokin

Cмотрите в сторону флексов, а так вообще display: inline-block; и два соседних блока перестроятся друг под друга (если еще что-то не мешает).
Cам сейчас делаю мобильную версию на поддомене m.
Решили не перелапачивать десктопную версию.

я сейчас делаю мобильную версию и у меня тоже есть выезжающее меню, только оно закрывает всю ширину экрана. так вот я добавляю класс body, в котором одно свойство - overfloy-y: hidden;

да подружить то можно, но вы замучаетесь переопределять классы, проверять каскадность
для box-sizing и прочих фундаментальных вещей советую использовать reset.css или normalize.css

можно с помощью svg анимации сделать, можно с помощью canvas
можно как предложили выше
только не flash!

display: flex; не вариант использовать?

для этого вам понадобится input[type="radio"] и селектор "~"

codepen.io/slow_D/pen/vXRWbw

codepen.io/patterns