背景未在一页上覆盖网站

Posted 2023-02-21

【中文标题】背景未在一页上覆盖网站

【英文标题】：Background not covering site on one page

【发布时间】：2015-01-19 04:43:23

【问题描述】：

我正在处理这个页面：http://www.myfortune3cart.com/journeyfilm/cartadd.cgi

水平导航下方的背景没有延续到页脚。它确实适用于其他页面： http://www.myfortune3cart.com/journeyfilm/Products.html

我找不到在哪里更改 css。

屏幕截图：

谢谢，

马特

【问题讨论】：

这两个页​​面在我看来背景是一样的...你能发一张截图并指出你的意思吗？

仅使用 CSS 无法将两列设置为相同的高度。您只能使用background-image 和.home-content 上的两个黑色列来模拟桌面屏幕（因为您在那里有固定宽度）。

我添加了屏幕截图

【参考方案1】：

发生的情况是在您的产品页面上，您的背景会延伸到页脚，因为容器中充满了内容。在您的主页上，背景图片不会这样做，因为您没有足够的内容来允许容器扩展到您的页脚。

因此，一旦您将内容添加到主页，如果有足够的内容，容器将变得更靠近页脚。如果这还不够好，您可以向内容容器添加最小高度，以便它始终触及您的页脚。我在您的.page-right-container 中添加了min-height: 800px;，您的内容将按照您的预期显示。您必须调整数字以完全适合您想要的方式，但这应该可以帮助您开始。

【讨论】：

我试过了，它仍然显示背景没有扩展。现在，由于更改，任何产品页面都会变得太长：myfortune3cart.com/journeyfilm/…。问题在于装有产品的购物车。

我现在正在查看您的网站，并注意到在 .page-right-container 容器中，您将最小高度设置为 500 左右。如果将该计数增加到 759 像素，则背景将达到它下面的元素。

正如我所说，这将扩展产品页面...如果您查看任何产品并执行此操作，它将在其下方有一个大的空白灰色区域。此外，如果我的购物车中有 10 种产品，它将继续执行与现在相同的操作。应该有办法让它根据内容展开。