2 div 50%内联块不是彼此相邻

Question

我遇到了这个盒子模型的问题.我只遇到了Blackberry 4.6的问题,但它也发生在jsbin/jsfiddle上.这两个div应该是50%,因此直接坐在彼此旁边,但最后一个是分解.

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

提前致谢.

Answer 1

对于内联和内联块元素,空白是很重要的.删除或注释掉div之间的空格.

澄清:空格是换行符和div之间的空格:

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

当您使用内联或内联块时,这些将呈现为单个空格.