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

时间:2017-03-06 09:48:10

标签: html css wordpress html5

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

2 个答案:

答案 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?