Html 页面右侧的空白

我的网页右侧有一个不需要的可用空间问题。这是我的网页：

我添加这些代码

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

它解决了我的问题，但是，它禁用了网页上的页脚图标，那么我该怎么做呢

以下是网页：

---

不要添加此代码，而是需要更正页脚部分的HTML代码。实际上是这样的

---

不要添加此代码，而是需要更正页脚部分的HTML代码。实际上是这样的

---

您的一个元素，它导致了该边距。要找到答案，可以将所有元素的轮廓边框设置为1px红色，然后进行修复

*{
 outline: 1px solid red;
}

---

你的其中一个因素是它造成了这种差距。要找到答案，可以将所有元素的轮廓边框设置为1px红色，然后进行修复

*{
 outline: 1px solid red;
}

---

HTML

footer>容器中的错误

结束标记

又犯了一个错误

//1:标题错误-位置
//问题是theme-styles.css上的标题媒体查询中的位置：相对
.媒体标题（最大宽度：768px）{
/*位置：相对；*/*删除此*/
动画：无！重要；
填充：0px0；
}
//2：页脚错误-容器关闭标记
//集装箱在此关闭
//删除此关闭标记
HTML
footer>容器中的错误
结束标记

又犯了一个错误

//1:标题错误-位置
//问题是theme-styles.css上的标题媒体查询中的位置：相对
.媒体标题（最大宽度：768px）{
/*位置：相对；*/*删除此*/
动画：无！重要；
填充：0px0；
}
//2：页脚错误-容器关闭标记
//集装箱在此关闭
//删除此关闭标记
您的
footer
div class“=row”
标记不在
容器中
标记在
标记关闭之前关闭
容器
div检查此答案可能对您的
footer
div class“=row”有所帮助
标记不在
容器中
标记在
标记关闭之前关闭
容器
div检查此答案可能会对您有所帮助OK，我更改了此选项，但它已准备就绪。这些代码没有改变我仍然看到问题OK，我改变了这个，但它已经准备好了。这些代码没有改变我仍然看到问题OK，我改变了这个，但它已经准备好了。这些代码不可更改我已使用您的链接检查了错误。通过检查它的工作，我知道它看起来工作了，但是在手机中，空白已经准备好了。我检查了问题出在你的标题部分删除
位置：相对
属性在
中。标题（最大宽度：570px）{--}
在
主题样式上。css
文件确定，我更改了这个，但它已经准备好了。这些代码不可更改我已使用您的链接检查了错误。通过检查它的工作情况，我知道它看起来工作正常，但在移动电话中，空白已准备就绪。我检查了标题部分中的问题删除
位置：相对
属性。标题（最大宽度：570px）{--}
on
theme styles.css
file我是web开发的初学者，你的建议对我帮助很大。谢谢。我是网络开发的初学者，你的建议对我帮助很大。谢谢