谢谢你的回复。下面是HTML和CSS:
HTML:
<div class="crumbs_wrapper">
<div class="MCBreadcrumbsBox" >
<span class="MCBreadcrumbsPrefix">You are here:</span>
<a href="" class="MCBreadcrumbsLink">B1</a>
<span class="MCBreadcrumbsDivider"> B2 </span>
<a href=""class="MCBreadcrumbsLink">B3</a>...
</div>
</div>
CSS:
div.crumbs_wrapper
{
position: fixed;
float: none;
width: 100%;
z-index: 1;
}
div.MCBreadcrumbsBox{
padding-bottom: 5px !important;
padding-top: 18px !important;
padding-left: 10px !important;
float: left;
position: relative;
margin-top: -12px;
background-color: #FFF;
z-index: 999;
width: 100%;
max-width: 104.5em;
box-shadow: 1.5px 1.5px 15px #888888;
}
钍工具,我用的是耀斑,它没有固定的面包屑功能。自动生成面包屑;我只更改了CSS值,并在.crumbs_wrapper
类中添加了一个额外的div。其他类由软件自动生成。
如果我删除max-width
div只向右延伸,如果我将left: 0;
添加到父div,面包屑会向左移动。我可以将面包屑带到我想要使用margin
的位置,但在浏览器调整大小时不会保持不变。此外,填充和边距顶部用于将面包屑保留在顶部导航栏下方并与其余内容对齐。
来源
2017-08-27 17:36:43
RCB
请发表您的代码,查看[如何提问](https://stackoverflow.com/help/how-to-ask)以改善您的问题 –
极难提供无代码的解决方案,但有可能是你的breadcrumbs div的父元素周围的填充/边距,这会导致它移到左侧的右侧。如果您可以发布您的代码,我相信有人可以提供更好的答案。 – sk03
我已经按照建议发布了代码。谢谢! – RCB