百分比宽度增加至100％，但显示在两个行

<label style="display:inline-block;width:30%">xxx</label> 
<span style="display:inline-block;width:69%">hey</span>

这个会出现在2：

<label style="display:inline-block;width:30%">xxx</label> 
<span style="display:inline-block;width:70%">hey</span>

为什么？

2013-03-11 user12861

结束评论它的空白出之间的空白向我们展示其余的代码或小提琴，可能是很多东西 – 2013-03-11 18:37:26

它可能是因为填充或保证金 – Alireza41 2013-03-11 18:38:01

哦，它们是内联块！他们之间有一个空间。 – biziclop 2013-03-11 18:38:39

因为inline-block元素是white-space dependent，所以1%是由该显示值引起的白色空间。

您可以手动删除<label>和<span>或者您也可以通过启动在一行的末尾的注释，并在下次

2013-03-11 18:39:42 Adrift

+1击败了我。如果你提到的解决方案会更好：或者把这些元素放在一行上，或者你可以在一行的末尾开始注释并在下一行结束。 – 2013-03-11 18:41:33

演示内联块差距：http://jsfiddle.net/cKGYw/1/ – biziclop 2013-03-11 18:41:54

@biziclop这与这个答案无关，无论如何是一个可怕的解决方案。 – 2013-03-11 18:42:43

回答