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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/218642.html

猜你在找的CSS相关文章