将元素粘贴到底部

时间:2018-02-24 03:25:41

标签: css sticky-footer

在我的商店里,我有一个绿色的酒吧,我想坚持到底部(并且它下方的粉红色条将被设置为显示:无)

http://www.screencast.com/t/v0IG2rWNlb

出现的产品页面示例(网站具有响应性,因此您可以通过播放窗口框架来模拟移动视图) https://www.tresor-ethnique.com/collections/tibetain/products/pendentif-arbre-de-vie

我试过了:

.prod_form.prod_form_footer.sticky_addcart #AddToCart {
    bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

这个绿色条不会粘在底部....

你有什么想法吗? 任何帮助将不胜感激,谢谢:)

2 个答案:

答案 0 :(得分:0)

嘿Pascal我查看了你的网址,这是你的问题,将粉红色的显示属性设置为隐藏,并且你的绿色元素有一个父元素,它具有top:0!important的属性;删除它,你很高兴。

答案 1 :(得分:0)

.pink-bar{ display: none; }
.green-bar{
    position: fixed;
    bottom: 0
}

这个CSS可能对你有帮助。因为这会隐藏你的粉红色条并将绿色条固定到底部