100％浏览器宽度Div内小部门

我有一个width: 1000px的div width: 1000px ，里面是一个孩子，我希望跨越整个浏览器窗口的宽度。

麻烦的是，我不知道如何覆盖以前的宽度继承。

我可以把它放在我的集装箱柜台之外，但这会带来巨大的不便和解决方法，除非这同样麻烦。

标记：

<div class="centreContainer">

    <div class="menuContainer"></div>

</div>

CSS：

html, body
{
    margin: 0;
    padding: 0;
}

.centreContainer
{
    margin: auto;
    width: 1000px;
}

.menuContainer
{
    width: <what to do>;
    height: 420px;
}

最好是我想要一个CSS解决方案，我想到了一些愚蠢的Javascript解决方案，您可以在其中获得浏览器窗口的宽度，然后将menuContainer的宽度设置为：

<variable> / 10 （10因为1000/100 = 10，其中1000是中心容器的宽度）

并将menuContainer设置为margin: auto; 所以它是中心的。

---

只需使用position ：

.menuContainer
{
    position: absolute;
    width: 100%;
    height: 420px;
}

---

只需使用position:absolute显示在这个jsfiddle

.menuContainer
{
    width: 100%;
    height: 420px; 
    position: absolute;
}

---

您可以尝试将.menuContainer作为绝对位置放入相对父级位置。 的jsfiddle

#root{
display:block;
position: relative;

}

.menuContainer{
position:absolute;
top: 50px;
left: 0;

}

链接地址: http://www.djcxy.com/p/83653.html

上一篇: 100% Browser Width Div Inside Smaller Div

下一篇: Can't display content outside of div tag with an overflow