折叠按钮不动

Question

从朋友那里得到了这个资源，摆弄了代码

我想向下移动该栏，因为它阻止了文本，当我添加顶部填充时，您可以看到图像发生了什么。

    #header .header-btn-collapse-nav {
    outline: 0;
    display: block;
    position: relative;
    z-index: 1;
}

谢谢

bar

Answer 1

尝试使用margin-top: 100px;而不是填充。

Answer 2

Padding在父元素和子元素之间创建“内部间距”，其中margin负责“外部间距”。

如果要向下移动按钮而不占用更多屏幕空间，则必须改用margin-top: 100px;