Javascript 最大化Div而不在DOM中移动

我希望在不移动DOM中的元素的情况下，将

div

最大化为整个窗口的宽度和高度（或另一个父div）。这是否只有CSS才有可能

<div id="parent1" class="fullwidth"> 
    <div id="parent2" class="notfullwidth">
         <div style="position:absolute">mycontent</div><!-- make this full width of parent1/overlay parent1 -->
    </div>
</div>

霉菌含量

是的，可以通过将

#parent1

相对
定位，并将
绝对
定位的孙儿的
顶部
，
右侧
，
底部
和
左侧
属性设置为
0
来实现


#家长1{
位置：相对位置；
背景颜色：金色；
}
#父母2{
宽度：70%；
保证金：0自动；
最小高度：100px；
边框：1px纯色灰色；
}
.孙子{
位置：绝对位置；
顶部：0；右侧：0；底部：0；左侧：0；
背景色：rgba（255,30,0,5）；
}

霉菌含量
如果父对象没有相对位置，则可以将子对象扩展到相对于窗口的全宽/全高

#mycontent {
 background-color: green;
 position: absolute;
 width: 100%;
 top: 0;
 left: 0;
 height: 100%;
}

如果父对象1具有相对位置，则子对象将扩展到父对象的最大宽度和最大高度

#parent1 {
 position: relative;
 width: 300px;
 height: 300px;
}
#mycontent {
 background-color: green;
 position: absolute;
 width: 100%;
 top: 0;
 left: 0;
 height: 100%;
}

我不熟悉代码片段。整页按钮代码在哪里？