Question

我在互联网上搜索并且我已经添加了重新开始，但似乎页脚仍在重叠我的页面。谁会知道为什么？

footer {
    background: rgba(0, 0, 0, .93);

所以，在我继续讨论的论坛上，他们说将最高点设置为100％

    min-height: 100%;

设置位置，但结果相同。

    position: relative;
}
h4 {
    text-align: center;
    font-family: 'open_sansbold', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
    padding-top: 13em;
}
footer p {
    text-align: center;
    font-family: 'open_sansbold', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 5px;
    padding-top: 0.5em;
}

Answer 1

一种简单的方法是在它上面添加一个与页脚大小相同的空div。这会将页脚向下推并移除叠加层。

<body>
    <div style="height:400px;"></div>
    <footer></footer>
</body>

Answer 2

我不确定所需的确切结果，并且我没有看到重叠（在修复h4标签之后......但更改高度和填充底部（如果需要）可以修复尺寸。 http://jsfiddle.net/dsbf72tp/

footer {

    background: rgba(0, 0, 0, .93);
    height: auto;
    position: relative;
    clear:both;
    padding-bottom: 50px;
    }

我的页脚不断重叠

2 个答案: