Nav带有两个动态元素+第一个边框

Question

我已经制作了一个我想要实现的图像。 徽标根据不同的屏幕分辨率调整大小，实际的导航容器长度只有<li>'s。

底部边框需要到达徽标的左下角。

徽标本身下面有一个阴影，所以边框不能全宽。

到目前为止，我已经得到了什么是资产净值本身有一个边界，那么只有达到最后<li>

这是一个快速样机：

http://jsfiddle.net/2x6hddv8/

Answer 1

这里是最重要的 - 他们只是叫我的航班！

http://jsfiddle.net/8k45z7nL/

我会避免skew最大的浏览器兼容性。