为什么这不会在1行上呈现

Question

为什么这不会在1行上呈现？

我必须将div宽度更改为24.5％才能正常工作。我不明白。 4 * 25％= 100％，对吧？

<style>
* {
  margin: 0;
  padding: 0;
  border: 0;
}

nav {
  width: 800px;
}

div {
  display: inline-block;
  width: 25%;
}
</style>

<nav>
    <div>Link</div>
    <div>Link</div>
    <div>Link</div>
    <div>Link</div>
</nav>

Answer 1

它不会在一行中呈现，因为inline元素respect whitespace in the markup。

如果删除空格，它将work as expected。为简洁起见，请参阅上面的链接以了解替代方法。