将页脚与侧栏对齐

时间:2013-05-09 19:28:22

标签: css css3

如果零内容位于页眉和页脚之间的空间中,我完全可以使用如何使页脚与侧边栏的底部对齐。

粘性页脚不是解决方案,因为我不希望它位于窗口的底部。但是改为与侧边栏的底部内联。

这是一张应该是什么样子的图片,但是当时他们将页脚推到现在的位置时没有彩色块。

我无法提供太多代码,因为它位于我的本地服务器上,并且已经分段并分解为wordpress的不同文件。

screenshot http://s3.amazonaws.com/awesome_screenshot/2110547?AWSAccessKeyId=0R7FMW7AXRVCYMAPTPR2&Expires=1368128529&Signature=GjSmfhU6%2BZoYmSUj6oMEcvNXTEs%3D

正如您所看到的,上面的屏幕截图是我希望侧边栏和页脚没有内容的方式。

这是另一个显示我当前问题的屏幕截图,你可以看到它如何锁定在页面上任何内容的底部并且粘在它下面。

http://awesomescreenshot.com/015198m642

提前致谢。

2 个答案:

答案 0 :(得分:0)

侧边栏需要float:right;,然后使用clear:both;在侧边栏和页脚之间创建一个div,让您的页脚的css包含margin-top:-xx (whatever pixels the footer height is)。您可能还需要在那里抛出position:relative

http://jsfiddle.net/uuTDG/

答案 1 :(得分:0)

通过添加相对于我的容器的位置,然后将position absolute和bottom 0添加到我的页脚来修复此问题。

无论如何,谢谢你的帮助