Как динамически растягивать родительский див?
1. Контейнер
display:table (inline-table) + max-width:100% + table-layout:fixed (если нужно уравнять ширину колонок)
2. Контейнер
display:inline-block + max-width:100% + font-size:0 + white-space:nowrap (чтобы колонки не прыгнули друг под друга без ширины)Колонки
display:inline-block + vertical-align:top + font-size:1rem + width:50% (если нужно уравнять ширину колонок) + white-space:normal (если было установлено nowrap)
Можно и float при желании с clearence у потока или overflow у контейнера
3. Контейнер
float  + max-width:100%Колонки
float  + width:50% (или другие цифры, не превышающие в сумме 100%)
Точно так же можно и display:inline-block с обнулением и возвратом размера шрифта
Например вот так:
codepen.io/iiil/pen/qcBbx