Как правильно позиционировать такой элемент?

Question

[Артём Давыдов]

Есть два дива в 50%: родительский и дочерний. Нужно расположить внизу страницу с небольшим отступом элемент, но при любом масштабировании он уезжает.
Тут примерный код: cssdeck.com/labs/jicqr7vk
Как должно быть:

И ещё:
Как можно сделать, чтобы с указанным min-width дивы становились горизонтальными? (для адаптивности)

Comments

[vvvadimos]

как можно задать вопрос так, что ничего непонятно)?

[Андрей Федоров]

vvvadimos: +

Answer 1

[Kuat Mustafin]

Надеюсь я вас правильно понял :)
cssdeck.com/labs/jnlz3gk6

Answer 2

[Дмитрий]

как вариант
https://jsfiddle.net/soledar10/31LgLa51/

Answer 3

[Андрей Федоров]

У вас в коде нет родительского и дочернего дива. Родительский и дочерний - это вот такая конструкция:

<div id="родитель">
  <div id="дочка">
  </div>
</div>

Вы в принципе все не правильно делаете.
Зачем вам position: fixed, тем более в адаптивном дизайне? Тут нужен display: inline-block например.