html - 2 个 div 50% 内联 block 彼此不相邻

Question

我对这个盒子模型有疑问。我只遇到了 Blackberry 4.6 的问题，但它也发生在 jsbin/jsfiddle 上。这 2 个 div 应该是 50%，因此彼此紧挨着，但最后一个正在崩溃。

jsbin: http://jsbin.com/oyujof/1/edit

提前致谢。

Answer 1

当涉及到行内和行内 block 元素时，空格很重要。删除或注释掉 div 之间的空白。

说明:空白是换行符和 div 之间的空格:

  </div>\n
  __<div class="nav-button">

当您使用 inline 或 inline-block 时，这些将呈现为单个空格。