Html 当最后一个div向上移动时,如何缩短页面?

Html 当最后一个div向上移动时,如何缩短页面?,html,css,Html,Css,我使用CSS规则将页面上的最后一个div向上移动30%的窗口高度,这样它会故意遮住它上面的部分div: div.container{ 前-30%; 字号:2rem; 背景色:#eee; z指数:1; } 例如: 如何做到这一点而不在页面底部留下空白,这也是屏幕高度的30%。您还需要在容器底部添加负边距。您也可以为此保留-30%,尽管您的案例不需要这么多 div.container{ 前-30%; 字号:2rem; 背景色:#eee; z指数:1; 利润底部:-30%; } 或者,您可以仅使用

我使用CSS规则将页面上的最后一个div向上移动30%的窗口高度,这样它会故意遮住它上面的部分div:

div.container{
前-30%;
字号:2rem;
背景色:#eee;
z指数:1;
}
例如:


如何做到这一点而不在页面底部留下空白,这也是屏幕高度的30%。

您还需要在容器底部添加负边距。您也可以为此保留
-30%
,尽管您的案例不需要这么多

div.container{
前-30%;
字号:2rem;
背景色:#eee;
z指数:1;
利润底部:-30%;
}
或者,您可以仅使用
页边距顶部

div.container{
利润率最高:-15%;
字号:2rem;
背景色:#eee;
z指数:1;
}