版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_27449993/article/details/80408200
在被点击的按钮的本身的大小不变，且不会影响页面的其他位置的布局的情况下扩大可惦记的区域的方法，可以通过css3的伪类来实现
在被点击的按钮设置成：position：relative，完整代码
<div class="button">点我</div>
<style>
.button{
position:relative;
}
.button::after{
content:"";
position:absolute;
top:-10px;
扫描二维码关注公众号，回复：
3179586 查看本文章
left:-10px;
right:-10px;
bottom:-10px;
}
</style>即可实现