Question

我有一个容器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%;
}

Answer 1

确定儿童div的位置：

child-div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;//Optional
}

Answer 2

我相信你会在这里找到答案

.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?

尽管在固定宽度的另一个DIV内进行全屏显示

2 个答案: