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

Question

我不能为我的生活摆脱两个div之间的水平空白区域。我正在使用twitter bootstrap，可以在英雄图片和页脚之间的http://www.areyoumoving.com.au看到空格问题。

Answer 1

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

％3C％2Fdiv％3E％0A的％EF％BB％BF ％3Cfooter

以下是删除它的许多方法 - 而不仅仅是AWK

Using awk to remove the Byte-order mark

PS：Why would I use a Unicode Signature Byte-Order-Mark (BOM)?

Answer 2

我假设你正在使用一些＆＃34; col-lg / md / sm / xs＆＃34;来自bootstrap的类......这些类在其样式中有预定义的边距/填充。

只需覆盖这些属性即可删除它们，在css文件中添加以下行：

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

您有时可能需要添加＆＃34;！important＆＃34;标记（css行的结尾）以确保您的编辑确实被考虑在内。

Answer 3

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

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