0

在开发此网页的过程中，我设法使#mainWrap包含顶部导航菜单下方所有内容的 div 发生了一些不必要的移动。当您将鼠标悬停在“类别”链接上并出现子菜单时，它会导致#mainWrapdiv 向下移动几个像素。当您将光标移开时，它会向上移动回其原始位置。

什么可能导致这种转变？

谢谢

4

3 回答 3

1

CSS盒子模型在这里发挥作用，在这个代码块中：

 #cssmenu ul li.has-sub:hover > a {
  background: #3f3f3f;
  border-color: #3f3f3f;
  padding-bottom: 13px;
  padding-top: 13px;
  top: -1px;
  z-index: 999;
  }

悬停13px top-bottom margin增加了高度，如果您删除填充，则它不会移动。尝试一下。

于 2013-04-06T13:32:11.737 回答
0

将高度更改header为height: 167px;

于 2013-04-06T13:33:50.173 回答
0

首先我会修复类别悬停事件，从那里开始......

cssmenu ul li.has-sub:hover > a

删除这个“顶部：1px；”

如果你必须向上移动它

于 2013-04-06T13:50:42.990 回答