javascript - 我的内容超出了页面底部

Question

我正在将我网站上的网上商店更新为 Ecwid。因为我使用 Intuit Sitebuilder 来构建我的网站，所以页面是固定大小的。我在 Sitebuilder 中添加了一个占位符来保存 Ecwid 商店的脚本。但是，我商店的某些页面超出了屏幕底部。我已经联系了 Ecwid 和 Sitebuilder 寻求帮助，但没有成功。

我需要我的商店高度不超过 1000 像素，如果脚本的其中一页较长，它的左侧将有一个滚动条。有人可以帮帮我吗？

这是一个链接，可以看到我在说什么:Dip Wizard Hydrographic Dip Kit Store .

Answer 1

您需要编辑网站的 html 和 css:

html:在 ID 为“element50”的 div 中，有一个没有 ID 的 div。这是您担心的容器。你需要给这个 div 一个 id，例如 -

<div id="productInfo">

css:然后在您的 css 中添加这些规则

#productInfo {
  margin-top: 25px;
  max-height: 1045px;
  overflow-x: hidden;
  overflow-y: scroll;
}

如果这非常紧急并且您找不到添加/编辑您的 css 的位置，您可以在 html 本身中添加它:

<div style="margin-top: 25px; max-height: 1045px; overflow-x: hidden; overflow-y: scroll;

但不推荐这样做，应该在不久的将来用适当的 css 替换。