Question

据我所知，粘性页脚有时会出现问题。

所以我决定让它更复杂，叹息！

以下是标准bootstrap粘性页脚Twitter Bootstrap 3 Sticky Footer

的解决方案

html, body {
    height: 100%;
}
/*Wrap to push footer down to bottom*/
 #wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px; /*footer-height*/
    padding: 0 0 60px;    /*footer-height*/
}
#footer {
    background-color: #440000;
    height: 60px;
    color: #ffffff;
}

但是在我的一些页面上，我可能有一些我想称之为SupraFooter的东西。一个可变高度添加的信息框，需要以主题方式附加到页脚。所以我需要使用相同的CSS才能使用和不使用此附录。

问题是，即使页脚高度固定，这个也不是，有时它甚至没有代表。把它放在＆＃34;包裹＆＃34;导致它没有附加。

http://jsfiddle.net/IngoVals/f39mQ/

可悲的是，由于屏幕尺寸较小，很难在jsfiddle中看到问题。任何更好的托管网站的CSS相关问题？

有什么建议吗？

额外的元素粘在粘性脚上

0 个答案: