将doctype从HTML 4更改为5时添加了像素

Question

我有一个导航栏，当我将doctype从HTML 4更改为HTML 5时，它会在我的栏中添加大约7个像素的高度。

这是适用于我的代码（doctype xhtml 1.0 transitional）

http://jsbin.com/qowafifu/1/edit?html,output

当我将doctype更改为HTML 5时，导航ul条的高度添加了像素

http://jsbin.com/parigera/1/edit?html,output

造成这种情况的原因是什么，解决问题的最佳方法是什么？

Answer 1

使用doctype（doctype xhtml 1.0 transitional）

它不会解释<nav>标签

Answer 2

我不确切知道它为什么会发生，但它似乎是内联表和浮点数的组合：左。如果你从nav ul中删除display：inline-table它看起来是一样的，或者你可以改变float：left来显示：nav ul li上的table-cell。