Как у слоя с position absolute узнать высоту и сдвинуть на нее то, что под слоем?

Question

[sanns]

Здравствуйте, господа и дамы. Вот есть такой пример codepen.io/sanns/pen/MaQwrB . Как видите, под картинкой input. Поверх картинки - меню. Делаю для друпал. Там не на всех страницах будет картинка. Что можно придумать, чтобы когда картинки нет codepen.io/sanns/pen/bVLdvr , все равно можно было ввести значение в input ? Адаптив.

Спасибо!

upd можно и убирать absolute, конечно, но как бы это удобно сделать для разных страниц друпала?

Answer 1

[Котик Антон]

codepen.io/27cm/pen/VvQvZK

Обернуть картинку и меню в блок с минимальной высотой:

.answer {
  position: relative;
  min-height: 52px;
}

Comments

[sanns]

в принципе, это работает, но только от 580 пикселей ширины экрана, как я вижу. Может, можно как-то для изменяемой ширины?

[Котик Антон]

sanns: А принципиально, чтобы картинка была в img, а не в background-image? Я бы сделал так: codepen.io/anon/pen/XmZdOQ