float对a标签的hover影响

雪菜粥 2017-04-19 11:57:30
float 对a标签的hover影响:鼠标移在文字下方边缘处hover有效 但稍微动一下又没有了,后来用position解决问题,但还是想知道 如果用float改如何修改?

...全文
486 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用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也可以实现。
看着是个昵称 2017-04-19
  • 打赏
  • 举报
回复
给a设置一个宽度试试,因为浮动之后,a标签所包含的范围已经发生了变化

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧