这是我有的问题:
我有一个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;
- }