我试图让magento页脚粘在页面底部
http://stage.rayswesternwear.com/index.php/checkout/cart/
我注意到它与Magento一直是一个相当普遍的问题。
有很多解决方案,我把它放在这里,它可能会帮助其他人:http://www.nextbits.eu/blog/solution-for-sticky-footer-for-magento-css/。
然而,在这种情况下,上述解决方案并不起作用。
我尝试使main-container with
身高:100%;填充底:228px and make the
页脚容器with
高度:228px;边距:-228px`。我也试过清除漂浮物。
我使用的代码是:
html, body {height: 100%;}
#wrapper {min-height: 100%;}
#main-container {overflow:auto;
padding-bottom: 228px;} /* must be same height as the footer */
#footer-container {position: relative;
margin-top: -228px; /* negative value of footer height */
height: 228px;
clear:both;}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
两者都不适用于此页面。
任何人都可以帮助我吗?
感谢您的所有答案。我用以下方法解决了这个问题:
.page {height:100vh;}
vh定义浏览器窗口的高度。通过这种方式,在我的情况下,页脚可以向下推到底部。希望这可以帮助别人。