html - 为什么我的页脚没有从 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
解决方案
您的 .small-container div 具有 max-width css 样式,可防止其占据屏幕的整个宽度。您还必须从中删除左右填充,否则页脚的每一侧仍然会有间隙。
推荐阅读
- tensorflow - 为什么 Keras LSTM 训练有 3 个损失但有 2 个准确度?
- php - 正则表达式 - 需要在特定 javascript 变量的站点源代码之间提取 json
- javascript - Window 和 Screen 对象属于 DOM API 还是 BOM API?
- python - 将带有周数的列转换为日期
- python - 如何将列表中的匹配元素附加到另一个列表?
- html - 有没有办法在站点中添加阿拉伯语?
- git - 删除了 github repo 中的主要提交
- php - 警告:PDO::query():
- javascript - JSON中位置0处的意外令牌<。获取函数VueJS
- python - Selenium 的 find_elements 有两个文本子句?