html - div 移动下面的其他 div

Question

我正在处理这个页面： http: //mockingbirdagency.com/thebox/profilestack.html

试图将一些面包屑放在一起，但它们会改变下面的个人资料标题栏，我无法弄清楚为什么，有人可以帮忙吗？！

Answer 1

在您的样式表中，添加 css 规则：

#content-container { clear: both; }

问题是浮动面包屑漂浮在您的内容旁边，您需要明确告诉您的内容垂直清除它们。

Answer 2

一种解决方案是在 "breadcrumbs-container" 下添加此元素div：

<div style="clear:both"></div>

这将清除其div上方的浮动 s。

此外，您应该只拥有一个divid 为 li-bread 的产品。ID 并不意味着在同一页面上重复。考虑使用类而不是 id。