在被点击的按钮的本身的大小不变,且不会影响页面的其他位置的布局的情况下扩大可惦记的区域的方法,可以通过css3的伪类来实现
在被点击的按钮设置成:position:relative,完整代码
<div class="button">点我</div>
<style>
.button{
position:relative;
}
.button::after{
content:"";
position:absolute;
top:-10px;
left:-10px;
right:-10px;
bottom:-10px;
}
</style>即可实现