我怎样才能摆脱内联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中是相同的。有没有办法摆脱间距？

提前致谢。

Answer 1

你应该尝试删除它们之间的空格（字符）。 （内联元素，有点像单词）

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>

您获得的空格字符是使用缩进和换行整齐排列源代码的结果。