Question

页面的面包屑部分向右移动（在Firefox中）没有明显的原因。

HTML：

<div class="region region-header">
<section id="block-easy-breadcrumb-easy-breadcrumb" class="block block-easy-breadcrumb">
<section class="content">
<div id="breadcrumbs-one">
</section>
</section>
</div>

CSS：

  #breadcrumbs-one
    {
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF #FFFFFF #E7E7E7;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 100%;
    }

以下是指向网站的链接： http://www.vegus.lv/kursi

不是英文。希望你能帮忙。

Answer 1

试试这个，请在下面的课程中添加clear:left

.region-header {
    clear: left;
    left: -19px;
    position: relative;
    top: -1px;
    width: 953px;
}

OR

在下面的课程

上添加float:left

.region-header {
    float: left;
    left: -19px;
    position: relative;
    top: -1px;
    width: 953px;
}

Answer 2

我认为问题出在#main。当你将保证金更改为-7px auto 40px;时，事情就会奏效。

另外，如果您不想对#main进行更改，则需要分别更改#header, #footer CSS的填充10px 10px 8px;值。

有1px问题具有冲突的继承或结构差异，如果计算不当，往往会改变某些元素的布局样式。

希望这有帮助。

Answer 3

只需添加CSS float :left。

#breadcrumbs-one {
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF #FFFFFF #E7E7E7;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 100%;
    float: left;
 }

Div仅在Firefox中向右移动

3 个答案: