html - 修改 Shopify cartform 高度

Question

所以这可能是一个愚蠢的问题，但我已经尝试在所有地方添加样式，但我无法让它工作，所以这就是我的问题。

我使用 shopify 制作了一个购物网站，然后将其移植到我们的网站中，我们只使用了一个 iframe(因为该网站的其余部分，包括页眉和页脚都在 wordpress 中)。因此，我们取消了 iframe 的滚动条并将其限制在正确的高度，以便主页和产品页面显示在页面的正中间。

问题是，如果您向购物车添加大量商品，它会变得比 iframe 高度大，并切断结帐和 Paypal 按钮...

我修改了#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>

我还使用了 Firebug 并更改了包含产品列表的所有不同 block 的高度。我什至将 style=""添加到它们自己的 block 中(如上所示)，但仍然没有...

我只是想知道是否有人尝试过这样做，遇到过同样的问题，或者可以让我了解发生了什么以及如何解决它。我唯一能想到的是列表是动态生成的(将购物车中的每个产品添加到要显示的表格中)。但我只是不明白为什么 table 不受高度的限制。或者，当包含它的 div 设置为较小的高度时，整个表格如何保持可见。

如有任何帮助，我们将不胜感激。

谢谢，

艾伦

Answer 1

愚蠢的错误...也没有在样式中添加“溢出:滚动”。出于某种原因，我认为自动是默认设置。但经过进一步审查，可见是默认设置...