移动设备上CSS高度从设定值更改为动态

我正在尝试将容器的高度从527px（桌面背景的高度）更改为隐藏背景图像，并在移动时将背景颜色拉伸到div的底部。clearfix是从引导处理的。在我的.partbackground类中有几个浮动div没有显示，因为它们太长了。无论我如何更改@media上的#PartCarContainer，除了将其设置为固定值外，它都不会相应地调整并将背景拉伸到div

链接已删除。问题解决了。将容器内所有div的高度设置为自动。

CSS

HTML

内容

编辑：由于页面的浮动，这可能是一个浮动问题。

---

我也相信页脚可能也有同样的问题。如果将窗口缩小到767px以下，您将看到红色背景，这是我的问题。

在

.partbackground

和

.partDivMain

上需要一个

高度：auto

.partbackdrop, .partDivMain { height:auto; }

---

我想你会想删除div.clearfix并将cleafix类添加到div#PartCarContainer中。我已经尝试过了，但没有做任何更改。是的，我想是这样。我唯一能想到的是，我可能在页面的其他地方遇到了浮动问题。因此，我在我的原始帖子中添加了一个链接，指向我所说的页面。如果你缩小窗户尺寸，你就会看到我的问题。非常感谢。这就是问题所在。我感谢你的帮助。

<div id="PartCarContainer">
<div class="partbackdrop">
    Content
<div class="clearfix"></div>
</div>
</div>

.partbackdrop, .partDivMain { height:auto; }