Question

当我添加顶级样式规则时，我的包装器掉了下来但也离开了，我不明白它，请帮助我。

.svg[for="nav-trigger"] {
position: absolute;
color:white;
height: 13px;
width: 16px;
background-image: url(../assets/menu.svg);
background-repeat: no-repeat;
right: 0; top: 0;
margin: 30px 30px 0 0;
z-index: 2;
cursor: pointer;
}
.nav-trigger + .site-wrap {
 transition: all 0.2s linear;
 }
.nav-trigger:checked ~ .site-wrap {
 top: 80%;
 }

谢谢你， Tim4497

Answer 1

嗯，这不是你的包装，而是你的整个HTML。该边距是未显示的滚动条的宽度。

如果在身上使用overflow-x: hidden;，只需使用overflow: hidden;它就会被修复，但我不知道这是否会为您带来其他问题，因为我们不知道你的最终结果是什么

Answer 2

试试这个：

.nav-trigger:checked ~ .site-wrap {
    position: fixed;
    top: 80%;
    width: 100%
}

如果我添加css，那么包装器会向右移动：top

2 个答案: