css – 将Div 100％的祖父母容器

这是我有的问题：

我有一个div设置为最大宽度960px。

div中div的宽度设置为100％，但100％表示最大960px

如何使960px div中的div成为用户屏幕的100％，而不移动父div(960px)中的子div(100％)？

编辑进一步澄清。
这是结构： –

gParentDiv
    parentDiv
       myDiv

我希望myDiv与gParentDiv具有相同的宽度，但将其保留在parentDiv中

希望你能帮忙

解决方法

您可以使用视口的高度和宽度。

例如，以下类将使元素的大小为视口。

.fullscreen {
    width: 100vw;
    height: 100vh;
}

jsFiddle Demo

这是一个纯CSS3解决方案，但它有一些browser support问题。

如果您只想在整个屏幕上展开元素，您可以使用其他方法。

jsFiddle Demo

.fullscreen {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

原文地址：https://www.jb51.cc/css/218642.html