div 位置完全错误

div in totally wrong position

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

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

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

更新: Link 到网站:CLICK HERE

抱歉,我没有 link 给你,因为当时它在本地主机上。

如果 window,页脚必须固定在底部。因此,要做到这一点,您可以尝试添加到您的 css:

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

您可能需要在页脚之前的元素上设置 "overflow:hidden"、and/or "display:block"。在父元素上设置 "overflow:hidden" 将导致它成为其内部内容的高度。

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

很难判断,因为您只是向我们提供了屏幕截图,没有 link 或代码。但是,根据我所见,#wrapper div 具有最高 CSS 值。我会检查您在元素中的定位。将鼠标悬停在 wrapper 上,查看蓝色的高度是否正确。您可能需要清除一些元素,或更改定位(如果不是,则更改为相对定位),或为它们设置 display:block。

编辑 您的页脚 div 不在底部的原因是因为 #content 没有被清除,并且是浮动的。我从 #content div 中删除了浮点数 ("left" class)。如果你需要那个浮动,并且根据你的样式表 main.css,你可以在 #content 之后添加一个 div.clear,或者用 div.row 包裹 div#content (根据您的样式表,这将负责清除浮动。

这可能需要稍作调整才能使其看起来恰到好处,但它应该能让您入门。您的 clear div 看起来放错地方了。它位于内容 div 内,也就是浮动的内容。为了使清晰 div 具有您需要的效果,它需要紧跟在内容 div 之后,而不是在其中。

编辑:检查更多之后,您还需要添加

top:50px;

到您的页脚样式,以匹配应用于包装的位置偏移。但是,如果您如上所述移动清除 div 并将其添加到您的 CSS,您的页脚应该出现在正确的位置!