html - div 在完全错误的位置

标签 html css position

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

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

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

更新:网站链接:CLICK HERE

抱歉,我没有将它链接到您,因为它当时在本地主机上。

最佳答案

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

编辑 您的页脚 div 不在底部的原因是 #content 未清除,并且是 float 的。我从 #content div 中删除了 float (“左”类)。如果你需要那个 float ,并且根据你的样式表 main.css,你可以在 #content 之后添加一个 div.clear,或者用一个 div 包裹 div#content。行(根据您的样式表,这将负责清除 float 。

关于html - div 在完全错误的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30904023/

相关文章:

html - 如何从不同的 HTML 文件中调用 FOOTER 和 NavBar?

javascript - 使用jquery绘制垂直线

css - Assets 管道最小化为CSS header 添加问号

css - 仅在 flex 元素内 block 元素?

javascript - Jquery随机定位多个div

html - 3 列 : one with max-width, 其他两列最小宽度

html - 溢出 : hidden seems to break filepond

css - 将鼠标悬停在透明的 SVG 上

javascript - 将 Highstock 缩放按钮放置在 <div> 内的图表区域之外

css - 将 li 标签显示到 div 标签的中间部分