javascript - Div 与前一个 div 重叠并破坏了前一个 div 的功能

Question

我有一个用 javascript/html 构建的计算器，它会随着输入的填充而扩展。下面的 div 是一些基本内容并分享到社交媒体按钮，但该内容不会向上或向下移动，因为 div 似乎重叠。

我尝试了 display:block、position:relative 等，以及我在网上找到的所有涉及所有 div 的其他变体，但我当涉及到像我这样的动态大小时，我不太精通 div 定位。如何让 div 在计算器之后立即开始并且不重叠？

页面是:http://www.tasteaholics.com/keto-calculator/

非常感谢大家!

Answer 1

将 clear:both; 添加到 div 中，这将防止其他元素 float 在左侧或右侧。