float对a标签的hover影响

[雪菜粥]

float 对a标签的hover影响：鼠标移在文字下方边缘处hover有效 但稍微动一下又没有了，后来用position解决问题，但还是想知道 如果用float改如何修改？

[看着是个昵称]

给a设置一个宽度试试，因为浮动之后，a标签所包含的范围已经发生了变化

[qq_38367432]

这个跟float或position没什么关系吧，只是跟它的宽度和高度有关；看你代码知道float时，a元素的可hover范围（即它的宽高）很小，就是稍微比字体内容部分大一点点，所以很容易hover不上。要解决这个问题就是扩大a的宽高，因为a是inline元素，直接设置宽高是不行的，给a display：block或inline-block，再设宽高就ok。或者inline元素给它padding一个值，再给一个合适的line-height也可以实现。

[雪菜粥]

引用 2 楼 qq_38367432 的回复:

这个跟float或position没什么关系吧，只是跟它的宽度和高度有关；看你代码知道float时，a元素的可hover范围（即它的宽高）很小，就是稍微比字体内容部分大一点点，所以很容易hover不上。要解决这个问题就是扩大a的宽高，因为a是inline元素，直接设置宽高是不行的，给a display：block或inline-block，再设宽高就ok。或者inline元素给它padding一个值，再给一个合适的line-height也可以实现。

--------------
谢谢你的回答 这个我也试过 问题还是存在 请你看一下， 不过改了line-height 有点效果 但是要改大一点才行 但是改大一点排版会有问题？？？

[雪菜粥]

引用 2 楼 qq_38367432 的回复:

这个跟float或position没什么关系吧，只是跟它的宽度和高度有关；看你代码知道float时，a元素的可hover范围（即它的宽高）很小，就是稍微比字体内容部分大一点点，所以很容易hover不上。要解决这个问题就是扩大a的宽高，因为a是inline元素，直接设置宽高是不行的，给a display：block或inline-block，再设宽高就ok。或者inline元素给它padding一个值，再给一个合适的line-height也可以实现。

--------------- 而且这个问题在谷歌 火狐么事

[紫岩_2013]

既然a标签是要右浮动的，把a写在span前面试试