这是我有的问题:
我有一个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; }
这是一个纯CSS3解决方案,但它有一些browser support问题。
如果您只想在整个屏幕上展开元素,您可以使用其他方法。
.fullscreen { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }