为什么我的页脚没有从html的边缘增加？

考斯图·克里希纳

请帮助我，我正在编写html文档并遇到问题。你能告诉我为什么即使我选择宽度100％我的页脚也没有从其边缘增加吗？请帮助此代码不强制我没有给css请单击底部的链接查看我的问题

enter code <footer class="footer-distributed">

        <div class="footer-left">
      <img src="https://i.pinimg.com/originals/b7/b3/96/b7b396047648c1baa436937d0afdfa76.jpg">
            <h3>About <span>just do it</span></h3>

            <p class="footer-links">
                <a href="#">Home</a>
                |
                <a href="#">Blog</a>
                |
                <a href="#">About</a>
                |
                <a href="#">Contact</a>
            </p>
    <hr>

            <p class="footer-company-name">
      copyright © 2021 kaustubh krishna</p>
        </div>

        <div class="footer-center">
            <div>
                <i class="fa fa-map-marker"></i>
                  <p><span>find about us at our social media</p>
            
            <div>
                <i class="fa fa-envelope"></i>
                <p><a href="#">[email protected]</a></p>
            </div>
        </div>
        <div class="footer-right">
            <p class="footer-company-about">
                <span>About the company</span>
                We offer freelance services for you and your company </p>
            </div>
    <div class="footer-icons">
                <a href="#"><i class="fa fa-facebook"></i></a>
                <a href="#"><i class="fa fa-twitter"></i></a>
                <a href="#"><i class="fa fa-instagram"></i></a>
                <a href="#"><i class="fa fa-linkedin"></i></a>
                <a href="#"><i class="fa fa-youtube"></i></a>
            </div> here

文档链接：https : //codepen.io/kaustubh0711/pen/XWNdNrv?editors=1100

布兰登P321

您的.small-container div具有最大宽度的css样式，可防止其占用屏幕的整个宽度。您还必须从其中删除左侧和右侧的填充，否则在页脚的每一侧仍然会有间隙。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。