Question

我有一个我正在设计的结账系统，除非我不断调整边缘底部数字，否则我无法让页脚不吃掉我设置的底部div。

我有三个嵌套在一个的div。当我继续下一个时，这些嵌套的div显示/隐藏。唯一一个我将遇到问题的是最后一个，因为它永远不会是静态的。我用它来显示客户订单，所以如果他们有10个不同的产品，那么10个图片，名称，价格等显示。

我网站的每个其他区域都添加了新内容，页脚会响应并不断下降。

我的小提琴不是最好的，我的问题很难产生，因为它不是一个静态的问题。可以添加两种产品，这样就可以了。

    .footerOut {
    width: 100%;
    background-color: #202020;
    position: relative;
    padding-top: 30px;
    left: 0px;
    right: 0;
    margin-bottom: 0px;
    bottom: 0px;
    clear: both;
}
.footer {
    height: 420px;
    width: 960px;
}
/*----------Main div for Checkout Process--------*/
.checkoutprocess {
    margin-bottom: 150px;
    display: relative;
}

我已将所有内容设置为相对...添加填充：底部（将其取出因为它没有做任何事情）。我尝试的一切都无济于事。

容器和边框的高度无关紧要，因为我只是使用它们进行测试。

任何人都明白为什么？

Answer 1

我猜你的问题是页脚与内容重叠，而且我发现了一些Html Dom Structure问题和css属性错误，我已经清理了你的代码请在下面的评论中验证这个链接

不同大小的容器被页脚

1 个答案: