首页 > 解决方案 > 为什么我的页脚没有从 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="#">support@justdoit.com</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

标签: htmlcss

解决方案


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


推荐阅读