Html 修改形状高度

所以这可能是一个愚蠢的问题，但我试着把造型放在每一个地方，但我不能让它工作，所以这是我的问题

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

问题是，如果你在购物车中添加了很多物品，那么购物车的高度会比iframe高，并且会切断收银台和paypal按钮

我修改了#cartform本身，添加了最大高度：！重要的；没有变化。。。 然后我修改了#cartform表，添加了max height:！重要的；没有变化。。。 然后一直上升到顶部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合作，更改包含产品列表的所有不同区块的高度。我甚至将style=”“添加到了blocks-them-selfs（如上所示）中，但仍然一无所获

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

任何帮助都将不胜感激

谢谢

---

艾伦

愚蠢的错误。。。也没有在样式中添加“溢出：滚动”。出于某种原因，我认为自动是默认的。但是在进一步审查后，默认情况是可见的…

Alan，我可能会晚一点为你做这件事，但作为替代方案，你也可以将Shopify商店嵌入wordpress网站。Shopify有一个免费的应用程序来做这件事

网上有更多关于这方面的信息