边框左边的菜单搞乱布局

时间:2015-02-18 22:32:21

标签: css layout border

我对“简单的事情”感到很不舒服。 当我向菜单添加一个border-left时,它会向右推动相同数量的像素。

请看下面的图片:

MENU WITHOUT BORDER-LEFT

MENU WITH BORDER-LEFT

太糟糕了。我距离发布我的网站只有几步之遥,这是一个令人头痛的问题。我尝试了一切,甚至萤火虫也无法帮助我。

然后我去了原始的wordpress主题以获得一些亮点: demo.mythemeshop.com/truepixel / ---并在firebug中切换了box-shadow for border并获得了相同的主题,但是边界相反。

我不知道该怎么做。我搞乱了备份style.css,header.php,尝试添加明确的div等,这里真的需要帮助。

一个简单的边界粉碎了我。

1 个答案:

答案 0 :(得分:0)

如果您发布实际代码,那将非常有用。我唯一能想到的就是尝试在CSS中实现border-box。

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

这有助于在框内保持边框而不增加框的大小。即使你将它设置为100%,CSS仍然会将边框添加到框外。您可以了解更多here