当我更改div的显示时，内容会向上移动

Question

作为一名新手网络开发人员，我一直在尝试从头开始构建自己的个人网页。但是我遇到了一个问题。

Here's my webpage，它看起来不错，但是当你点击左侧的任何一个链接，然后转动一个＃来显示：阻止来自display：none，你可以看到底部的“流血”。

我不知道为什么会这样，所以我要链接包含html的my repo和页面的css。

Answer 1

在Canvas标签中放置一个简单的CSS

style="position:fixed"

及其完成

Answer 2

如果我理解了你的问题，你想删除页面底部的绿色条带。

它来自你的背景颜色：

body {
    /* background-color: #A7DBD8; */
}

Juste删除它，它没问题;）

雷米

Answer 3

从

更改画布元素的样式

display: inline-block;

到

display: block;

解决了这个问题。

Answer 4

删除：

<div class="footer"> 

来自index.html的

因为您没有使用它

Answer 5

您的窗格是固定宽度和高度：分别为620px，500px。如果您将padding-top: 100px添加到窗格（就像使用#links div一样），它会将您的身高增加到600px并将其降低。

快速解决方法是，不是将padding-top: 100px添加到#links div，而是将其添加到#links div中的第一段。

#links p:first-child {
      padding-top: 100px;
}