填充被UL元素忽略

Question

我在这里遇到了一些麻烦......这很奇怪。

我有一个包含在Nav标签内的UL元素。我正在尝试对单个链接应用一些填充，并且由于某种原因，填充不会将元素向下移动并因此扩展容器。

以下是正在发生的事情的屏幕截图：

正如您所看到的，浏览器会注意到填充，但它只是与上面的元素重叠（正在浮动）。我找不到一种方法来推倒它，或者至少让容器扩展以正确地保持它。

作为参考，我使用Skeleton响应样板作为基础。

以下是实时链接：http://richardsonweb.co.uk/

Answer 1

在display:inline-block;元素上尝试li