菜单中的左边框扰乱了布局

Question

"simple thing" 我遇到了麻烦。当我向菜单添加 border-left 时，它会将相同数量的像素推向右侧。

看下面的图片：

糟透了。我距离发布我的网站只有几步之遥，这让我很头疼。我什么都试过了，甚至 firebug 也帮不了我。

然后我转到原始的 wordpress 主题以获得一些光线：demo.mythemeshop.com/truepixel/ --- 并将框阴影切换为边框在 firebug 中得到了相同的主题，但边框相反。

我不知道该怎么做。我弄乱了备份 style.css、header.php、试图添加清除 div 等，这里真的需要帮助。

一个简单的边框戳我

Answer 1

如果您 post 实际代码，那将非常有帮助。我唯一能想到但没有看到的是尝试在 CSS.

中实现 border-box

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

这有助于在不增加框的大小的情况下保持框内的边框。即使您将其设置为 100%，CSS 仍会将边框添加到框的外部。您可以了解更多 here.

Border-left in menu messing with layout