有没有一种方法可以在比其父对象更宽的父容器DIV中包含子DIV 。子DIV必须与浏览器视口的宽度相同。

子DIV 必须保留为父div的子。我知道我可以在子div上设置任意的负边距以使其更宽，但是我不知道如何从根本上使它成为浏览器宽度的100％。

我知道我可以这样做：

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

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

Update

感谢您的回答，到目前为止，似乎最接近的答案是将子DIV位置设置为绝对位置，并将left和right属性设置为0。

我的下一个问题是父级具有position：relative，这意味着left和right属性仍然相对于父级div而不是浏览器，