Как правильно сверстать два блока, чтобы при исчезновении одного, второй занимал 100% ширины матери?

Question

[Юрий Ерусалимский]

Ссылка на пример
Стоит удалить или скрыть child1, как child2 остаётся в материнском блоке, но не занимает всю его ширину, что логично. Если же прописать child2 занимать 100% ширины, он будет находиться под child1, что недопустимо. Прошу помочь решить проблему.

Answer 1

[Николай]

Если раритеты(<=ie9) не надо поддерживать то display: flex у родителя и flex: 1 у правого контейнера.

Answer 2

[Дима Паутов]

Вспомните про таблицу! Как она себя ведёт. Имитируйте её через css!

flexbox (от ie9),
display: table -> display: table-cell (от ie8)

Answer 3

[Sanan Yuzb]

https://jsfiddle.net/Sanan07/sorknp42/1/