Div 在 slideToggle 上出现在父 div 之外

Div appears beyond parent div on slideToggle

我创建了一个 div,这样当触发 mouseenter 时,必须查看另一个 div,这是通过 slideToggle 实现的。现在我的问题是,必须切换的 div 部分出现在页面的右侧,除非用户向右滚动,否则不可见。我怎样才能防止这种情况发生?我希望 div 出现在下一行中,并且不希望页面横向扩展,因为那样会破坏体验。

编辑:该页面在大多数情况下工作正常,但在 chrome + 宽屏幕

上显示

您可以在将鼠标悬停在橙色的图像上时看到这个 here div 在第一页向下

只是在这里得到一个答案,而不是仅仅发表评论。该问题与浮动属性有关(实际上与调整大小的图像无关)。您的描述之前的项目设置为向左浮动,因此描述认为当有足够的 space 时,它们应该位于浮动元素的右侧。因此,为此,对于注册按钮之后的每个描述 DIV,您应该添加 CSS 属性:

clear:both;