页脚未出现在本地主机服务器上

Question

我正在制作一个网站，我运行它作为一个本地文件，页脚出现了，但是当我使用 localhost 时它没有显示页脚。我已经尝试过更改高度，使其可见并检查元素。似乎在本地主机服务器上，页脚在正文下方，但在页脚代码中，页脚在正文内部。

<footer align="center" id="footer">
    <div id="footer1"><br><br>
        <ul style="float: right; margin-right: 35%; margin-top: 0px; margin-bottom: 0px;" id="footerLinks">
            <h3 style="float: left; margin-top: 0px; margin-bottom: 0px; text-align: left;">Links</h3><br><br>
            <li><a href="index.html" class="footerLink">Home</a></li>
            <li><a href="link.html" class="footerLink">Link</a></li>
            <li><a href="link.html" class="footerLink">Link</a></li>
            <li><a href="link.html" class="footerLink">Link</a></li>
            <li><a href="link.html" class="footerLink">Link</a></li>
        </ul>
        <h3 style="float: left; margin-left: 20%; margin-top: 0px; margin-bottom: 0px;">About</h3><br><br>
        <p style="float: left; margin-left: 20%; margin-top: 0px; margin-bottom: 0px; width: 30%;">Description</p>

    </div>
    <br><br><br><br><br><br><br><br>
    <div>
        <p style="float: left; margin-left: 20%; margin-top: 0px; margin-bottom: 0px;">© copyright me</p>
        <p style="float: right; margin-right: 20%; margin-top: 0px; margin-bottom: 0px;">Created by me</p>
    </div>
</footer>
</body>

CSS:

#footer {
    background-color: #0B0C10;
    width: 100%;
    padding: 0;
    border: 0;
    height: 250px;
    display: block;
    margin: 0;
}

#footer1 {
    width: 100%;
    text-align: left;
    margin: 0;
}

#footerLinks {
    text-align: left;
    list-style-type: none;
}

.footerLink {
    text-decoration: none;
    color: #C5C6C7;
    margin-bottom: 10px;
}

Answer 1

这绝对与 localhost 无关，而是与您包含页脚（文件路径）的方式或您的样式表有关，而您没有这样做 post。

尽管如此，由于页脚中的所有元素都是浮动的，我建议将 overflow: auto 添加到 footer 元素以确保它包装其浮动内容，否则它可能具有高度： 0...

页脚未出现在本地主机服务器上

Footer not appearing on localhost server

html

css

localhost