css - CSS - Safari + Opera 中的边框宽度问题

Question

我的顶部导航短了 2 个像素，但仅限于 Safari 和 Opera。

http://orbitprint.com/canvas/

ul 有一个 box-shadow，所以你可以看到最后一个 li 很短。我无法弄清楚为什么我的生活！

请问有人能帮我解释一下吗？

Answer 1

好吧，您在像素布局中使用百分比。您的面板是 969 像素宽和 8 个按钮，12.5% (=> 969/8 = 121.125 像素) 必须适合自然编号的像素。所以最好是使用 display: table 作为菜单和 display: table-cell 作为按钮。这应该尽可能均匀地分割给定的空间。