完全错误的位置

时间:2015-06-17 23:14:11

标签: html css position

我的网站出现了一个奇怪的问题。我想在网站的底部做一​​个页脚,但它出现在像图片一样奇怪的地方: Click to see the image

蓝色突出显示是页脚位置。有谁知道它为什么放在这里?我必须添加标签在页脚位置之后结束,尽管它包含整个网站。

我尝试在代码中关闭几个CSS指令,但这没有帮助。另外,我检查了双方是否被清除。有什么想法吗?

更新:链接到网站:CLICK HERE

抱歉,我没有把它链接到你,因为那时候是在localhost上。

4 个答案:

答案 0 :(得分:0)

如果是窗口,页脚必须固定在底部。所以要做到这一点你可以尝试添加到你的CSS:

已更新
由于#footer没有定义任何宽度,因此div与前一个div的右边对齐。如果您定义了宽度,它应该可以工作。然后你可以使用一些边距在div之间有一些间距。 定义一些宽度并在div中有一些文本以查看其对齐的位置。您还可以添加display:inline-block。

答案 1 :(得分:0)

您可能需要设置" overflow:hidden",和/或" display:block"在你的页脚之前的元素。设置"溢出:隐藏"在父元素上将使它成为其内部内容的高度。

另外,检查需要关闭的打开标签。祝你好运!

答案 2 :(得分:0)

很难说,因为您刚刚为我们提供了屏幕截图,没有链接或代码。但是,基于我所看到的,你有#wrapper div具有顶级CSS值。我会检查你在元素中的位置。将鼠标悬停在包装上,查看正确的高度是否为蓝色。您可能需要清除某些元素,或更改定位(如果不是,则更改为相对),或将display:block设置为它们。

修改 你的页脚div不在底部的原因是因为#content没有被清除,并且是浮动的。我从#content div中移除了浮动("左"类)。如果您需要浮点数,并根据样式表main.css,您可以在div.clear之后添加#content,或者使用div.row包装div#内容(根据您的样式表,这将小心清理漂浮物。

答案 3 :(得分:0)

这可能需要稍微调整以使其看起来恰到好处,但它应该让你开始。你明确的div看起来是在错误的地方。它位于内容div中,这是一个浮动的内容div。要使clear div具有您需要的效果,它需要紧跟在内容div之后,而不是在其中。

编辑:再检查一下后,您还需要添加

top:50px;

到您的页脚样式,以匹配应用于包装器的位置偏移。但是,如果你按照上面的说明移动clear div并将其添加到CSS中,那么你的页脚应该出现在正确的位置!