如何摆脱div之间的水平空白？答案

【问题标题】：How to get rid of horizontal whitespace between divs?如何摆脱div之间的水平空白？
【发布时间】：2015-04-27 06:30:48
【问题描述】：

我一辈子都无法摆脱两个 div 之间的水平空白。我正在使用 twitter 引导程序，可以在 http://www.areyoumoving.com.au 看到英雄图像和页脚之间的空白问题。

【问题讨论】：

标签： html css

【解决方案1】：

我通过十六进制查看器运行了您的页面。在页脚之前肯定是Byte Order Mark (BOM)，这意味着您的页脚文件开头有这些字符：

%3C%2Fdiv%3E%0A%EF%BB%BF%3Cfooter

这里有很多删除它的方法 - 不仅仅是 AWK

【讨论】：

【解决方案2】：

我假设您正在使用引导程序中的一些“col-lg/md/sm/xs”类...这些类在其样式中具有预定义的边距/填充。

只需覆盖这些属性以摆脱它们，在您的 css 文件中添加这些行：

#yourIdentifier{
    margin:0; //or top/left/right/whatever
}
#yourIdentifier{
    padding:0; //whatever ;)
}

您有时可能必须添加“！important”标签（css 行的结尾）以确保您的编辑得到真正考虑。

【讨论】：

【解决方案3】：

<footer> 之前有任何垃圾，可能是BOM（如果您包含单个文件的页脚）。

删除BOM，再次保存文件就可以了。

【讨论】：