Question

我是新来的。我一直在网站上工作（还在学习）。

切片的PSD是www.primalventures.co.uk/h2

CSS和HTML的编码版本是www.primalventures.co.uk/hammersmith

第二个网站在网页上引发了一个丑陋的错误

页脚不会停留在内容之下，正如您在其他页面上看到的那样。

不确定如何修复DIV。

#footer  {
width: 100%;
height: 130px;
background: grey;
}

谢谢，

PV

Answer 1

你的主div中有一个破损的标签（推测），浏览器正在关闭它们作为紧急修复。仔细检查您的开/关标签是否已配对。

Answer 2

我认为问题可能出在

行

<div class="bottom_line"  style="bottom:-200px;">

在包含文字之前发生。因此，此文本相对于底部对齐，并最终位于“页脚”的顶部（在http://www.primalventures.co.uk/Hammersmith/recreation.html中观察到）

Answer 3

所有div的高度都以像素为单位定义。如果您在某些页面上有更多信息，则需要重新定义这些页面的高度。例如，在娱乐页面上，如果您将“主”div高度设置为1050px，那就很好了。

如果您希望页面根据内容自动重新对齐，则需要在不定义高度的情况下完全重新设计页面，而是正确地浮动和定位所有内容。

Answer 4

你的元素bottom_line和你的主元素的固定高度分别为250px和850px。但是你有更多的文字。当您使用position：absolute作为底线时，没有任何内容覆盖这些维度。移除固定高度，它就像一个魅力。

Answer 5

在#main。

上添加等于页脚高度的填充底部

#main
{
     padding-bottom:200px;
}

这是一个链接，解释了如何构建html和css以使页脚粘在底部。我在我的网站上使用它，它就像一个魅力！