将背景颜色跨越最大宽度div内的页面的整个宽度

时间:2015-11-10 09:17:30

标签: html css

我正在尝试将div跨度的背景颜色设置为页面的整个宽度。唯一的问题是容器位于最大宽度div内,不能带到外面。

这是目前的情况:enter image description here

我希望面包屑块上的浅灰色背景扩展到页面的整个宽度。

是否可以在不将其从最大宽度容器中取出的情况下执行此操作?我无法通过搜索找到任何东西。

这是包含页面和面包屑跟踪的容器:

#container {
    width:90%;
    display:block;
    margin-left: auto;
    margin-right: auto;
    max-width:1300px;
}
.mod_breadcrumb a {
    display: block;
    color: #a45722 !important;
    float: left;
    padding-right: 10px;
    height: .8em;
    margin-right: 5px;
    position: relative;
    text-decoration: none;
    font-weight: normal;
}

.mod_breadcrumb {
    line-height: .2em;
    color: #a45722 !important;
    background-color: #eee;
    font-weight: bold;
    font-style: italic;
    font-size: .8em;
    margin-top:-4px !important;
    padding-top: 5px;
}

.mod_breadcrumb ul {
        margin-top:5px !important;
}

0 个答案:

没有答案