javascript - 页脚在 HTML/CSS/JS 中未正确扩展
问题描述
所以我创建了一个网站,我想扩展我的页脚,因为现在它看起来像这样:
它应该覆盖整个网站,我尝试增加宽度,但没有奏效。
这是页脚的 HTML/CSS:
#footer {
background: #f7f8f9;
color: #45505b;
font-size: 14px;
text-align: center;
padding: 30px 0;
}
#footer h3 {
font-size: 36px;
font-weight: 700;
position: relative;
font-family: "Poppins", sans-serif;
padding: 0;
margin: 0 0 15px 0;
}
#footer p {
font-size: 15;
font-style: italic;
padding: 0;
margin: 0 0 40px 0;
}
#footer .social-links {
margin: 0 0 40px 0;
}
#footer .social-links a {
font-size: 18px;
display: inline-block;
background: #0563bb;
color: #fff;
line-height: 1;
padding: 8px 0;
margin-right: 4px;
border-radius: 50%;
text-align: center;
width: 36px;
height: 36px;
transition: 0.3s;
}
#footer .social-links a:hover {
background: #0678e3;
color: #fff;
text-decoration: none;
}
#footer .copyright {
margin: 0 0 5px 0;
}
#footer .credits {
font-size: 13px;
}
<footer id="footer">
<div class="container">
<h3>My name</h3>
<p></p>
<div class="social-links">
<a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/in/kaustubh-prabhakar/" class="linkedin"><i class="bx bxl-linkedin"></i></a>
<a target="_blank" rel="noopener noreferrer" href=href="https://github.com/SantaKaus" class="github"><i class="bx bxl-github"></i></a>
<a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/santa_kaus/" class="instagram"><i class="bx bxl-instagram"></i></a>
</div>
<div class="copyright">
© <strong><span>my name</span></strong> 2021
</div>
</div>
</footer><!-- End Footer -->
我从另一个来源获得了整个页脚代码,我尝试复制和粘贴代码,但由于某种原因,我无法让它扩展更多 idk 为什么。你们能帮忙吗?
解决方案
推荐阅读
- python - 在 Python 中选择要替换的元素
- python - 如何查看python模块的源码,如sys、os、request模块?
- android - 不在后台检索 GPS
- javascript - ReferenceError:没有为上下文定义 React
- docker - 如何使用标准输入中的 dockerfile 和 shell 变量来构建 docker 映像
- python-3.x - 逼真的 3D 形状动态渲染
- python - for 循环不能正常工作?
- javascript - 替换多级Javascript数组中特定键的字符串
- python - 如何在 Python 中的单个 HTTP POST 请求中格式化多个数据?
- javascript - 在 Django 项目中实现 Ajax 无法正常工作