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

前端之家收集整理的这篇文章主要介绍了css – 将Div 100%的祖父母容器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我有的问题:

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

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

如何使960px div中的div成为用户屏幕的100%,而不移动父div(960px)中的子div(100%)?

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

  1. gParentDiv
  2. parentDiv
  3. myDiv

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

希望你能帮忙

解决方法

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

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

  1. .fullscreen {
  2. width: 100vw;
  3. height: 100vh;
  4. }

jsFiddle Demo

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

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

jsFiddle Demo

  1. .fullscreen {
  2. position: absolute;
  3. top: 0;
  4. left: 0;
  5. bottom: 0;
  6. right: 0;
  7. }

猜你在找的CSS相关文章