如何消除嵌入式DIV之间的空格？

Question

我有以下代码（在xhtml页面上）

<div style="background-color:#006400;">
    <div id="div1" style="display:inline-block; background-color:#7fffd4;">Content 1</div>
    <div id="div2" style="display:inline-block; background-color:#deb887;">Content 2</div>
</div>

在div1和div2之间有一个空格。我已经将边距、内边距和边框设置为零，但在IE8、Firefox 3.6.13和Opera 11中的结果都是一样的。有没有办法去掉这个间距呢？

提前感谢。

- user550954

Answer 1

您应该尝试移除它们之间的空格（字符）。（内联元素，类似单词）

- Zoltan Lengyel

Answer 2

移除 #div1 和 #div2 之间的空格

<div style="background-color:#006400;">
    <div id="div1" style="display:inline-block; background-color:#7fffd4;">Content 1</div><div id="div2" style="display:inline-block; background-color:#deb887;">Content 2</div>
</div>

你得到的空格是因为你在源代码中使用了缩进和换行。

- Pervez Choudhury