0

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

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

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

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

我一直在尝试做一个相对流畅的布局;我使用了这个参考:http ://ryanfait.com/sticky-footer/作为页脚代码。我在网上看到了其他一些方法,但我选择了这个——我想要正常的内容/滚动条行为,页脚总是粘在页面底部;谁能帮忙?

谢谢!

编辑: 我用第一个建议更新了网站——clear:both 在#push 中,还有一个位置:相对于#wrapper、#push 和#footer。现在页脚出现在加载屏幕位置的阈值以下......这会产生一个很好的“隐藏页脚效果”。

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

4

2 回答 2

1

您应该从#wrapper 中删除负边距并设置clear:both; position: relative;为#push。希望这会有所帮助:D

于 2010-06-22T05:15:28.323 回答
1

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

于 2010-06-22T05:25:40.607 回答