html - OpenCart 中的面包屑定位

Question

我想将面包屑移动到标题部分，但我发现这几乎是不可能的。我尝试了绝对定位，但面包屑随着页面大小的调整而移动。我没有想法了。

有什么方法可以使用 css/或任何其他方式将面包屑移动到标题吗？

Here是我的演示站点，请尝试调整页面大小。

Answer 1

您应该将 breadcrump 移动到 div 内部的正确位置，标题下有类:“breadcrumbd”。但是，如果您不想更改 html 标记，您可以通过以下更改来实现:

#column-left + #column-right + #content, #column-left + #content {
  margin-left: 180px;
  position: relative; /* Add position: relative to content*/
}

从#container 中移除 overflow: hidden;

.breadcrumb {
  left: -182px;
  position: absolute;
  top: -49px;
}

但我真的不推荐这样的绝对解决方案。重新考虑更改您的标记。