我只想让页脚标签适合屏幕，而不是整个身体
我只想让页脚标签适合屏幕，而不是整个身体
提问于 2021-04-25 20:06:26
我再一次遇到了脚注标签的问题。我想让这个部分适合整个屏幕。但不是身体的另一部分。这就是为什么我没有在正文元素中放边距:0；的原因。
我试着将页脚边距:0设置为footer，但它不起作用(如图所示)。我该如何解决这个问题。
我的页脚css文件
footer{
padding: 5vw;
margin:0px;
background-color: #DCEDC8;
color: black;
font-size: 4vw;
text-align: center;
font-weight: bold;
}1：https://i.stack.imgur.com/kCczY.jpg footer doesn't fit to the screen properly
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-04-25 20:47:04
您目前遇到的问题是，body默认设置了页边距，因此body标记中的任何元素(包括页脚！)也将受到该利润率的影响。
要解决这个问题，您可以将margin: 0应用于body，并将所有内容放入容器div (其中有一些空白处)。
然后，将你的页脚放在容器的外面，并将它的边距也设置为0。
body {
margin: 0;
}
.container {
margin: 8px;
background-color: #9f9f9f;
}
footer {
margin: 0;
background-color: #ff5555;
}<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="container">
Your content goes here. Notice that there is a margin surrounding this div.
</div>
<footer>
Your footer goes here. Notice that there is no margin surrounding this footer.
</footer>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67257776
复制
&objectId=965904&objectType=7&isNewArticle=undefined){kind=link}
相似问题
无法更改UWP中TeachingTip的背景色
在UWP应用程序中实现TeachingTip控件
什么事件可以用来检测WinUI3 TeachingTip何时打开或加载？
无法创建NotesUIWorkspace，如何创建
如何创建MySQL创建函数？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
