1

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

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

我可以将它放在我的容器 div 之外，但这将是一个巨大的不便和解决方法，除非这当然同样麻烦。

标记：

<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 是中心容器的宽度）

并设置 menuContainermargin: auto;使其居中。

4

3 回答 3

0

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

#root{
display:block;
position: relative;

}

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

}

于 2013-01-28T04:10:31.297 回答
0

只需使用position:absolute此jsfiddle中显示的

.menuContainer
{
    width: 100%;
    height: 420px; 
    position: absolute;
}
于 2013-01-21T11:50:05.373 回答
0

Just use position:

.menuContainer
{
    position: absolute;
    width: 100%;
    height: 420px;
}
于 2013-01-21T11:47:07.877 回答