html - 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;
}