Нижний колонтитул не отображается на локальном сервере

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, но с тем, как вы включаете нижний колонтитул (filepath) или с вашей таблицей стилей, которую вы не опубликовали.

Тем не менее, поскольку все элементы в нижнем колонтитуле являются плавающими, я предлагаю добавить overflow: auto к элементу footer, чтобы убедиться, что он переносит плавающее содержимое, иначе он может иметь высоту: 0 .. .