Использование float. Куда пропал блок?
Зачем, если есть flexbox?
box1 и box2 наложились друг на друга. Чтобы избежать наложения и расместить div-ы в одной строке, пропишите им свойство display: inline-block;
https://jsfiddle.net/6mponmp3/2/