Question

我想知道如何删除页脚下方的空白区域。我将HTML代码放在下面，您可以在Pastebin上查看其余代码，其中包含以下链接：

<footer class="container-fluid text-center foot">
<div class="social">
    <a href="#" class="fa fa-facebook"></a>
    <a href="#" class="fa fa-twitter"></a>
    <a href="#" class="fa fa-youtube"></a>
    <a href="#" class="fa fa-instagram"></a>
    <a href="#" class="fa fa-twitch"></a>
    <br><br>
    <hr class="dark-line">
    <!-- Trigger/Open The Modal -->
    <button id="myBtn">Subscibe</button>
    <!-- The Modal -->
    <div id="myModal" class="modal">
        <!-- Modal content -->
        <div class="modal-content">
            <div class="modal-header">
                <span class="close">&times;</span>
                <h2>SUBSCRIBE TO THE THUNDER STRUCK MAILING LIST</h2>
            </div>
            <div class="modal-body">
                <p>Welcome to the Thunder Struck Games Subscription Management page. Thunder Struck mailing lists are the best way to get the early word on all our game announcements, official launches, contests, special events, and more. Make sure you're enlisted to receive all the updates.</p>
                <button id="myBtn">Manage Your Account</button>
            </div>
            <div class="modal-footer">
                <h3>Modal Footer</h3>
            </div>
        </div>
    </div>
    <a class="link" href="#">Support</a>&nbsp
    <a class="link" href="#">Careers</a>&nbsp
    <a class="link" href="#">Mouthoff</a>&nbsp
    <a class="link" href="#">Press</a>&nbsp
    <a class="link" href="#">Corporate</a>&nbsp
    <a class="link" href="#">Privacy</a>&nbsp
    <a class="link" href="#">Cookies</a>&nbsp
    <a class="link" href="#">Legal</a>
    <br><br>
    <div class="copyrights">
        <p class="white-txt">© 2018 Thunder Struck Games
            <br><br>
        </p>
    </div>
</div>

Pastebin

White space at the bottom of footer

Answer 1

据我了解，可能是两件事，<p class="white-txt">或<body>默认边距。

尝试一下

CSS

body, html{
margin:0;
padding:0;
}

OR / AND

.white-txt {
    color: #FFF;
    margin: 0;
}

DEMO HERE

Answer 2

我认为是因为您在p标签中有两个br标签，其类别为“ white-txt”。让我知道这是否为您加油。

如何删除页脚下方的空白

2 个答案: