Html 仅在firefox中页脚后有空格_Html_Css

Html 仅在firefox中页脚后有空格

html css

Html 仅在firefox中页脚后有空格,html,css,Html,Css,我正在为我的朋友制作一个母版页，我在Firefox中遇到了一个小错误，在页脚后的空白处我已经查看了关于这个问题的所有其他问题，但都没有帮助，我有一支笔来解决这个问题： <!doctype html> <html> <head> <meta charset="utf-8"> <title>White space</title> </head> <body

我正在为我的朋友制作一个母版页，我在Firefox中遇到了一个小错误，在页脚后的空白处我已经查看了关于这个问题的所有其他问题，但都没有帮助，我有一支笔来解决这个问题：

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>White space</title>
    </head>
    <body>
        Some Content I m thinking to put here.
    </body>
</html>


空白
我想把一些内容放在这里。

我可以使用Firefox前缀吗

我总是以以下内容开始CSS文件：

*, ::before, ::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

通过这种方式，我确保浏览器不添加任何填充或边距，因此我可以完全控制它。在您的情况下，添加

*{margin:0}

可以解决问题，但您必须补偿丢失默认边距的其他元素上的边距。

我总是以以下内容开始CSS文件：

*, ::before, ::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

通过这种方式，我确保浏览器不添加任何填充或边距，因此我可以完全控制它。在您的情况下，添加

*{margin:0}

可以解决问题，但您必须补偿丢失默认边距的其他元素上的边距。

在您的特定情况下，只需添加

溢出：隐藏

即可防止页面底部出现空白边距：

#footer {
    overflow: hidden;
    float: none;
    height: 196px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 960px;
    min-height: 50px;
    margin-right: auto;
}

在您的特定情况下，只需添加

溢出：隐藏

，以防止页面底部出现空白：

#footer {
    overflow: hidden;
    float: none;
    height: 196px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 960px;
    min-height: 50px;
    margin-right: auto;
}

在乱搞了一会儿你的代码笔之后，我发现如果你添加

overflow:hidden

到您的#页脚，它会消除问题，但是最好将其用作临时修复，稍后再找出实际问题，如果您不想这样做，有一些方法可以识别浏览器并添加样式，我认为这是一种方法，但使用overflow确实可以解决问题，或者至少对我来说是这样，它只是不被接受，因为它实际上没有告诉你问题是什么

或者看看上面的答案……

在乱搞了一会儿你的代码笔后，我发现如果你添加

溢出：隐藏

或者看看上面的答案