新的“隐藏页脚”有效，但仍然与屏幕底部的内容重叠

Question

我正在设计http://www.vanessacaroline.com并且需要一些CSS 帮助。如果您当前的屏幕分辨率没有使问题变得明显，请尝试重新调整窗口大小，以便示例 2 列布局推动页脚 - 最简单的演示方法是抓住浏览器窗口的底部边缘，然后向上拖动。

太恶心了吧？内容不仅没有按应有的方式将页脚向下推，而且页面甚至没有创建滚动条。

如果水平缩放窗口，第二个浮动列 div 会下降并淹没页脚。

但是，如果水平缩小窗口，最终列内容开始将页脚向下推......这是正确的功能，但我似乎无法摆脱最初的洪水。

我一直在尝试制作一个相对流体布局；我使用此参考： http://ryanfait.com/sticky-footer/ 作为页脚代码。我在网上看到了一些其他方法，但我选择了这个 - 我想要正常的内容/滚动条行为，页脚始终粘在页面底部；有人可以帮忙吗？

谢谢！

编辑：我用第一个建议更新了网站——clear:both都在#push中，以及#wrapper、#push和#footer的position:relative。现在页脚出现在加载屏幕位置的阈值以下......这创建了一个很好的“隐藏页脚效果”。

我喜欢这个——但在极薄的屏幕分辨率下演示，页脚与底部的内容重叠。 我该如何避免这种情况？？？

Answer 1

您应该从 #wrapper 中删除负边距并设置 clear:both;位置：相对； 用于#push。希望这有帮助：D

Answer 2

尝试将 position:relative 添加到页脚和包装器中。然后clear:both 到#push。看看是否有帮助。