3

页面的面包屑部分向右移动（在 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

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

4

3 回答 3

3

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

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

或者

float:left在下面的课程中添加

.region-header {
    float: left;
    left: -19px;
    position: relative;
    top: -1px;
    width: 953px;
}
于 2013-07-11T12:28:35.310 回答
2

我认为问题出在#main. 当您将边距更改为-7px auto 40px;The things work 时。

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

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

希望这可以帮助。

于 2013-07-11T12:38:36.520 回答
1

只需添加 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;
 }
于 2013-07-11T12:31:12.630 回答