Html 如何删除我的网站中的空白

如屏幕截图所示，我无法删除底部的空白。我尝试了一些解决方案，但都不起作用。请告诉我这个问题是否有解决办法。

---

第一个选项：

body { overflow-x: hidden; }

应该会成功。
如果没有，以下是一些可能的原因：

• 您没有正确加载

  .css

• 。。。或者您的

  .css

  文件已损坏且未被解析（也可以部分解析，具体取决于损坏的方式）

你注意到我没有合上上面的括号吗？这很容易破坏CSS文件

---

第二选项：
在页面的

标记内，在关闭

之前添加此项：

body>script+div[style^=“text”]{display:none}html，body{overflow-x:hidden！important}

这也会使页脚上的广告丢失。
如果这不起作用，我会扬起眉毛的。我保证

---

选项三

如果上述操作不起作用，请将它们全部删除，并将此代码放在

结束标记的末尾之前。在之前，而不是之后：

var css='body{overflow-x:hidden！important}body>script+div[style^=“text”]{display:none！important；}，
head=document.head | | document.getElementsByTagName（'head'）[0]，
style=document.createElement（'style'）；
style.type='text/css'；
if（style.styleSheet）{
style.styleSheet.cssText=css；
}否则{
appendChild（document.createTextNode（css））；
}
setTimeout（函数（）{
头。附属物（样式）；
}, 500);

第一个选项：

body { overflow-x: hidden; }

应该会成功。
如果没有，以下是一些可能的原因：

• 您没有正确加载

  .css

• …或者您的

  .css

  文件已损坏且未被解析（也可以部分解析，具体取决于损坏的方式）

你注意到我没有合上上面的括号吗？这很容易破坏CSS文件

---

第二选项：
在页面的

标记内，在关闭

之前添加此项：

body>script+div[style^=“text”]{display:none}html，body{overflow-x:hidden！important}

这也会使页脚上的广告丢失。
如果这不起作用，我会扬起眉毛的。我保证

---

选项三

如果上述操作不起作用，请将它们全部删除，并将此代码放在

结束标记的末尾之前。在之前，而不是之后：

var css='body{overflow-x:hidden！important}body>script+div[style^=“text”]{display:none！important；}，
head=document.head | | document.getElementsByTagName（'head'）[0]，
style=document.createElement（'style'）；
style.type='text/css'；
if（style.styleSheet）{
style.styleSheet.cssText=css；
}否则{
appendChild（document.createTextNode（css））；
}
setTimeout（函数（）{
头。附属物（样式）；
}, 500);

引导

部分{display:block}

是问题所在

加

---

或者类似的

引导

部分{display:block}

就是问题所在

加

---

或者类似的

尝试添加

#header#u area{overflow:hidden；}

尝试添加

#header#u area{overflow:hidden；}

我不能确切地说为什么，但我知道Firefox中没有这个问题，但Chrome（webkit）确实存在，当我从html中删除字体大小声明并点击-webkit突出显示颜色时{}这个问题消失了

不幸的是，我不能真正测试这一点，因为我不能呈现你的代码，但我认为你禁用了这些行，你应该是好的。字体大小应该在html上以%而不是像素来声明

编辑：确保css重置在引导之前，自定义css在重置和引导之后

/*bootstrap.min.css*/
html{
字体大小：10px；
-webkit点击高亮颜色：rgba（0,0,0,0）；
}

我不能确切地说为什么，但我知道Firefox中没有这个问题，但Chrome（webkit）确实存在，当我删除字体大小声明并在html中点击-webkit突出显示颜色时，问题就消失了

不幸的是，我不能真正测试这一点，因为我不能呈现你的代码，但我认为你禁用了这些行，你应该是好的。字体大小应该在html上以%而不是像素来声明

编辑：确保css重置在引导之前，自定义css在重置和引导之后

/*bootstrap.min.css*/
html{
字体大小：10px；
-webkit点击高亮颜色：rgba（0,0,0,0）；
}

尝试将此添加到CSS中：

body {
   min-height: 100vh;
}

这会将你的身高设置为正好符合你的要求。这应该会起作用，我只是将它添加到你的网站中，效果很好

---

查看Google Chrome开发者提供的视频，了解更多关于如何适应页面的信息：

尝试将其添加到CSS中：

body {
   min-height: 100vh;
}

这会将你的身高设置为正好符合你的要求。这应该会起作用，我只是将它添加到你的网站中，效果很好

---

查看Google Chrome开发者提供的视频，了解更多关于如何适应页面的信息：

这很简单，真的：

body{background color:black}

。删除了空白。现在我们有了空白。还是一样的问题。@AndreiGheorghiuI在开玩笑。仔细看。我没有看到屏幕截图上显示的网站链接底部有任何空白，你的链接正确吗？实际上，这个问题是离题的，因为它没有。当问题得到解决时，其他用户将无法访问从修复中受益，因为他们将无法检查初始问题并与他们的问题进行比较。我投票决定结束此操作。这非常简单：

body{background color:black}

。删除了空白。现在我们有了空白。仍然是相同的问题。@AndreiGh