父母只有50%时显示100%子宽度

时间:2013-02-15 01:51:09

标签: css

有没有让一个子元素100%宽度的屏幕,而它的父母只有50%?

例如,我需要使此站点的黑色页脚扩展屏幕的整个宽度,同时保持站点其余部分的完整性。 msdnw.com /

我创建了#blackback的自定义div,并尝试了各种方法使其工作,但不能。有任何想法吗?附:是的我已经尝试将div放在页脚代码下面,因为它与包装页脚相关。但也许我使用的代码并没有按照我需要的方式工作。

感谢您的帮助:)

2 个答案:

答案 0 :(得分:1)

将您的#blackback css更新为:

#blackback {
    width: 100%;
    height: 300px;
    background-color: #000;
    position: absolute;
    left: 0;
}

应该这样做。

答案 1 :(得分:0)

你想去使用绝对定位:

.child {
    left: 0;
    right: 0;
    position: absolute;
}

希望有所帮助