Html 通过悬停放大元素会产生奇怪的行为

拥有此html：

*{
框大小：边框框；
}
.clearfix:：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
身体{
字体系列：Arial、Helvetica、无衬线字体；
宽度：602px；
}
标题{
背景色：黑色；
颜色：白色；
边界半径：4px；
}
收割台img{
浮动：左；
}
收割台h1{
显示：内联块；
文本对齐：左对齐；
}
标题ul{
列表样式：无；
}
头李{
浮动：左；
字号：1.05em；
右：6%；
字体大小：粗体；
}
标题a{
垂直对齐：次对齐；
文字装饰：无；
颜色：#E0C0；
左侧填充：2px；
过渡：均为0.2s；
}
标题a：悬停{
背景：5a288d；
颜色：#f0；
填充物：5px；
边界半径：5px；
字体大小：1.2米；
}

帕帕卢兹咨询公司

当鼠标悬停在最后一项上时，我没有看到您描述的问题。您的屏幕大小/浏览器是多少？另外，您确定不想将clearfix分配给

：before

和

：after

？导航正被推到右边，因为它前面有浮标。请完全使用填充。不像您使用的那样。例如，向右填充。这是错误的方法。使用它填充：15px 10px；并将clearfix添加到标头，因为内部元素是浮动的