Css 如何在悬停时阻止div移动
我想要一个菜单,只是改变颜色,当你悬停在它上面,有一个不同的颜色在活动链接上,但每当我悬停在一个链接上,它会把contnet向上移动。我也不能让css的活动poart也工作。 任何建议Css 如何在悬停时阻止div移动,css,html,css-float,Css,Html,Css Float,我想要一个菜单,只是改变颜色,当你悬停在它上面,有一个不同的颜色在活动链接上,但每当我悬停在一个链接上,它会把contnet向上移动。我也不能让css的活动poart也工作。 任何建议 div.InnerRight{ 宽度:7px; 浮动:对; 右边距:10px; } 部门内容{ 线路高度:100%; 字体系列:Arial、Helvetica、无衬线字体; 字体大小:13px; 字体大小:粗体; 颜色:rgb(255、255、255); 左边距:10px; } 导航{ 垂直对齐:中间;光标:指针
div.InnerRight{
宽度:7px;
浮动:对;
右边距:10px;
}
部门内容{
线路高度:100%;
字体系列:Arial、Helvetica、无衬线字体;
字体大小:13px;
字体大小:粗体;
颜色:rgb(255、255、255);
左边距:10px;
}
导航{
垂直对齐:中间;光标:指针;
背景:rgb(160182226);
线高:150%;
}
导航:悬停{
垂直对齐:顶部;
背景:rgb(25,56,121);
线高:150%;
文字装饰:下划线;
颜色:白色;
}
导航:激活{
垂直对齐:顶部;
背景:rgb(25,56,121);
线高:150%;
文字装饰:无;
颜色:白色;
}
主页
内容移动是因为悬停和非悬停时的垂直对齐值不同。示例?看起来你是在明确地告诉内容要移动——你的鼠标悬停在:垂直对齐:顶部;在非悬停状态下:垂直对齐:中间;-把它拿出来,看看能不能解决你的问题。