页面底部的空白区域(找不到任何解决方案)

Question

>我的页面底部有一个奇怪的空白区域。我看到了所有其他主题，但它不起作用...

我想要页面末尾的".wrapper_tabcontent：之后">

.wrapper_tabcontent:after {
content: "";
height: 14px;
width: 100%;
position: absolute;
background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
transition: all 1s ease;
}

https://codepen.io/lopm46/pen/bGVZZpj

我有这个

但我想要这个

提前致谢

Answer 1

你可以用position: absolute;定位它并设置bottom: 0;：

.wrapper_tabcontent:after {
content: "";
height: 14px;
width: 100%;
position: absolute;
background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
transition: all 1s ease;
position: absolute;
bottom: 0;
}