div水平跳跃

Question

在我正在创建的网站（http://ieangh.kroltan.eliti.com.br/ - 这里的所有代码）中，我的#content_wrap div在第一个导航按钮悬停时向右跳转，当其他任何导航按钮时其内容向下移动徘徊。它似乎没有在我的CSS中找到问题...我相信它是我网站结构的东西，但我已经尝试将导航栏放在#content_wrap中，但没有成功。

Answer 1

问题是导航按钮的min-height会在悬停时发生变化：

.navbtn:hover {
    min-height: 28px;
}
.navbtn {
    min-height: 25px;
}

修复跳跃的一种方法是用边距补偿不同的高度：

.navbtn:hover {
    margin-bottom: 0;
}
.navbtn {
    margin-bottom: 3px;
}