我使用ul和做了两个简单的导航菜单li。一个没有边界，另一个有边界。两个菜单的宽度都固定为400px。
在第一个菜单中，我给每个li固定宽度为100px，在第二个菜单中，根据宽度计算，我给固定宽度为98px，左右边框为1px，每个总计为100px li。
现在我的问题是，当我使用“ Ctrl +-”调整浏览器分辨率的大小时，第一个菜单保持不变，但是在第二个菜单中，最后一个元素将移动到第一个元素下的下一行。
我想知道为什么会这样以及如何解决。提前致谢。
这是JSFiddle链接：http : //jsfiddle.net/jhz56/
边框宽度不会与li宽度一起缩放，这就是菜单中断的原因。因此，一种解决方案可以是：
.nav2 ul li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句