我有一个容器DIV,用于我的wordpress网站的所有页面。我们可以在这里称它为父DIV。而且我里面还有一个孩子div。父DIV设置为1170px宽度。孩子DIV设定为100%。所以,它自然地占用了父DIV的全宽。但我希望我的孩子DIV能够全屏显示,而不会受到父DIV宽度的影响。为了让我的孩子DIV全屏显示,最简单的方法是将子DIV从父DIV中取出或使父宽度达到100%。但我无法做到这两点。它必须在它们所在的位置,并且由于父DIV几乎在所有页面中使用,因此我无法在样式表中将其宽度更改为100%。无论如何我怎么能让我的孩子DIV全屏而不受父母DIV的影响?
.container {
width: 1170px;
}
.child {
width: 100%;
}
答案 0 :(得分:1)
确定儿童div的位置:
child-div {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #FFF;//Optional
}
答案 1 :(得分:0)
我相信你会在这里找到答案
.child-div {
position:absolute;
left:0;
right:0;
}
从这篇文章中回答
Is there are way to make a child DIV's width wider than the parent DIV using CSS?