html - 页脚在底部

标签 html css

我放弃了……我只是放弃了。在建立了 3-4 个站点之后(是的,仍然是一个业余爱好者),我仍在处理将页脚保持在底部的问题。这是我的 js fiddle http://jsfiddle.net/kY8hY/

在我开始构建正文之前,页脚非常好,然后,当我为内容输入一些值时,那堵文本墙,页脚就出现了。我在这里扯我的头发。

这是另一个 jsfiddle,我可以将页脚放在底部。 http://jsfiddle.net/2J2TH/

您会注意到我取出了整个 div (anasayfaicerik) 并将其替换为另一个具有完全相同值的 div (deneme)。

<div id="shakingmygoddamnhead>yup</div> stack forces me to do this.

什么是冲突? “anasayfaicerik”的哪个值与“页脚”冲突

我试着一个一个地删除所有东西,看看问题是否会消失,但没有人。它就在那里,除非我删除整个“anasayfaicerik”div

最佳答案

问题出在应用于 #anasayfaicerik 元素的 CSS。

由于它的内容是 float 的,你需要让容器扩展以适应它的内容。

添加 overflow:hidden 修复它。

演示在 http://jsfiddle.net/kY8hY/4/

关于html - 页脚在底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24526518/

相关文章:

javascript - 使用 MVC Form Post 发送 HTML 字符串

css - 仅将 CSS 应用于元素内

jQuery动态设置对象的位置?

css - 在 go Web 服务器上使用外部 CSS 文件

javascript - javascript中的replaceWith问题

javascript - 如果出现错误,如何禁用表单 onsubmit?

css - 为什么我的 CSS 表格被压到一边?

javascript - CSS 页面转换

html - 在 ul 内的图像顶部覆盖列表项元素,而无需设置背景图像

Java Swing 使用选项卡存储和呈现文本