http://bit.ly/1fVGrBT http://bit.ly/1fVGrBT
这是我的网站。当您将鼠标悬停在 Problem 上并移开时，其下方的 div 会被上下推动。解决方案也会发生同样的情况。有什么想法或建议如何防止它移动吗？
我认为由于字体大小和下划线的改变，它正在移动，但我不确定我能做什么。
悬停时，您可以放大文本，从而放大容器。这会将其余内容推低。
3种解决方案：
-
Use transform: scale(1.2);放大文本。这不会影响文档的流程。将其添加到您的element:hover。请记住添加浏览器前缀。阅读更多here http://www.w3schools.com/css/css3_2dtransforms.asp
Example:
#switcher li:hover {
transform: scale(1.2);
}
Add a height到您的导航。这会锁定容器高度。
Add position: absolute在导航或内容上。这会将它们从文档流中删除，因此不会相互影响。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
