不包含联系表单的网站容器

Question

我在编码网站方面相当陌生，在编写这个网站时遇到了一些困难。

注意 ：我已经在我的商业网站上上传了 2 个页面来展示我的问题。请不要点击链接，因为它们将无法正常工作。

主页www.dbayliss.com/rshome.html工作正常，但我在联系页面www.dbayliss.com/contact2.html时遇到问题。

可以看出，您要调用的容器或包装器没有保存联系页面的内容。我将容器的高度设置为 100%，这适用于主页而不是联系页面。

这是 CSS。

Answer 1

从第

25 行中删除top: 50px; style2.css似乎已将徽标移动到容器中。 由于标头已经在容器内，因此您不必将标头偏移 50px。

Answer 2

#contact {
width: 400px;
height: 282px; //change to 800px or more
position: absolute; //change to relative
top: 90px;
left: 150px;
color: #000;
font-family: 'Noto Sans', sans-serif;
text-align: left;
font-size: 14px;
display: block;
}

当位置设置为相对时，它会将元素设置在容器之外，因此容器不会获得实际高度