我正在设计http://www.vanessacaroline.com,需要一些CSS帮助。如果您当前的屏幕分辨率不能明显解决问题,请尝试重新调整窗口大小,以便示例2列布局 推送页脚 - 最简单的方法是抓住浏览器窗口的下边缘,然后拖着。
总权利?内容不仅不会按照应有的方式推送页脚,而且页面甚至不会创建滚动条。
如果您水平缩放窗口,第二个浮动列div会下降并充满页脚。
然而,如果你水平缩小窗口,最终列内容开始向下推...这是正确的功能,但我似乎无法摆脱那个初始水浸。
我一直试图做一个相对fluid layout;我使用此引用:http://ryanfait.com/sticky-footer/作为页脚代码。我在网上看到了其他一些方法,但我选择了这个方法 - 我想要正常的内容/滚动条行为,页脚总是粘在页面的底部;有人可以帮忙吗?
谢谢!
编辑:我使用第一个建议更新了网站 - 清除:#push和#wrapper,#press和#footer的位置相对。现在页脚显示在加载的屏幕位置的阈值之下...这会创建一个很好的“隐藏页脚效果”。
我喜欢这个 - 但是在非常薄的屏幕分辨率下展示,页脚与底部的内容重叠。 如何避免这种情况???
答案 0 :(得分:1)
您应该从#wrapper中删除负边距,并为#push设置clear:both; position: relative;
。希望这会有所帮助:D
答案 1 :(得分:1)
尝试将position:relative
添加到页脚和包装器中。然后clear:both
到#push。看看是否有帮助。