float对a标签的hover影响

雪菜粥 2017-04-19 11:57:30

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

...全文

486 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

紫岩_2013 2017-05-10

打赏
举报

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

雪菜粥 2017-04-20

打赏
举报

引用 2 楼 qq_38367432 的回复:

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

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

雪菜粥 2017-04-20

打赏
举报

引用 2 楼 qq_38367432 的回复:

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

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

qq_38367432 2017-04-19

打赏
举报

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