相关疑难解决方法(0)

有没有办法让子容器DIV中的子DIV比它的父容器宽.子DIV需要与浏览器视口的宽度相同.

见下面的例子:

孩子DIV 必须留在父母div的孩子身边.我知道我可以在子div上设置任意负边距以使其更宽,但我无法弄清楚如何基本上使其100%宽度的浏览器.

我知道我可以这样做:

.child-div{
    margin-left: -100px;
    margin-right: -100px;
}

但我需要孩子与动态浏览器的宽度相同.

更新

感谢您的回答,到目前为止,似乎最接近的答案是使子DIV位置:绝对,并将左右属性设置为0.

我的下一个问题是父有位置:relative,这意味着左和右属性仍然相对于父div而不是浏览器,请参见此处的示例:jsfiddle.net/v2Tja/2

我无法移除相对于父母的位置而不会搞砸其他所有内容.