所以这可能是一个愚蠢的问题,但我已经尝试将样式放在任何地方,但我无法让它工作,所以这是我的问题。
我使用 shopify 创建了一个购物网站,然后将其移植到我们的网站中,我们只使用了 iframe(因为网站的其余部分,包括页眉和页脚都在 wordpress 中)。因此,我们取消了 iframe 的滚动条并将其限制在正确的高度,以使主页和产品页面显示在页面中间。
问题是,如果您将大量商品添加到购物车中,它会变得大于 iframe 高度并切断结帐和贝宝按钮......
我已经修改了#cartform 本身,添加了 max-height: ... !important; 没有变化...然后我修改了 #cartform 表添加 max-height: ... !important; 没有变化......然后一直到顶部div并添加与上面相同的内容,它所做的只是将背景颜色向上移动,但它并没有缩小表格。
html中的基本布局是:
<div id="col-main" class="full content">
<form id="cartform" class="clearfix" method="post" action="/cart">
<table class="items">
<colgroup></colgroup>
</table>
</form>
</div>
我还加入了萤火虫并更改包含产品列表的所有不同块的高度。我什至将 style="" 添加到它们自己的块中(如上所示),但仍然没有......
我只是想知道是否有人尝试过这样做,遇到同样的问题,或者可以让我了解发生了什么以及如何解决它。我唯一能想到的是列表是动态生成的(将购物车中的每个产品添加到要显示的表格中)。但我只是不明白为什么桌子不会受到高度的限制。或者当包含它的 div 设置为较小的高度时,整个表格如何保持可见。
任何帮助,将不胜感激。
谢谢,
艾伦