Q:

Div is overlapping previous div and breaking functionality of previous div

I have a calculator I built in javascript/html and it expands as inputs are filled. The following div is some basic content and share to social media buttons but that content doesn't move up or down because the div seems to be overlapping.
I tried display:block, position:relative, etc and other variations I found online with all the divs involved but I'm not too well-versed with div positioning when it comes to dynamic sizing like mine is. How can I make the div right after the calculator start after it and not overlap?
The page is: http://www.tasteaholics.com/keto-calculator/
Thank you all very much in advance!

A:

Add clear:both; to that div, this will prevent other elements from floating either on the left or the right side.

