为什么这 4 个 div 不相邻？(宽25%)

Question

你能解释一下为什么这 4 个 div 不相邻吗？有 4 个 div，我将它们的宽度设置为 25%，因此它们填满了整个页面，而 1 个 div 被推到其他 div 下方。我必须将宽度设置为 24% 才能让它们并排站立。怎么来的？在我的书中 4x25% = 100%。

http://jsfiddle.net/cm2K6/

.four {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

Answer 1

HTML 代码中的“Enter”等于一个空格，如果删除这些空格</div><div>，您将丢失inline-blocks（或inline一般元素）之间的空格。

示例：http : //jsfiddle.net/cm2K6/3/

没有必要去为float:left;，box-sizing，word-spacing或任何similair除非你想你的代码好看。