Таблица выходит за границы родителя, как исправить?

Question

[Fierfoxik]

В данном примере большие таблицы выходят за границы родительского блока, в интернете так и не нашел объяснения. Пока не обложка не table-layout:fixed; ни использования inline block или float. Не помогают. На примере кода ниже видно что красный блок это левый блок,правый блок это блок с inputs зеленого цвета и обложка синего цвета.Хотелось бы понять причину и решить без использования js.
Если здесь не удобно смотреть то вот ссылки
проект или простой пример с малым кол-вом кода на codepen

Answer 1

[inDeepCode]

скриптом добавляйте высоту необходимым елементам во время аппенда.