<span style="font-size:18px;"><!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"/> <title>CSS Test Page</title> <style type="text/css"> * { margin: 0; padding: 0; } .jueduidingwei_fu { position: relative; } .jueduidingwei_zi { display: none; text-decoration: none; } .jueduidingwei_fu:hover .jueduidingwei_zi { display: block; position: absolute; right: 0; top: 0; /*加入绝对定位的盒子可以直接设置高度和宽度*/ width: 60px; height: 25px; line-height: 25px; text-decoration: none; color: #FFFFFF; font-size: 12px; text-align: center; background: rgba(26, 104, 210); border-radius: 10px; } </style> </head> <body> <div style="padding:2px;width: 319px;" class="jueduidingwei_fu"> <div style="padding: 2%; height:245px;width: 315px;background-color:#041f48;border-radius:15px;" id="container_1"></div> <a href="#" class="jueduidingwei_zi" download="目标数据.xlsx">下载数据</a> </div> </body> </html> </span>