代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .tupian { position: relative; width: 234px; height: 256px; } .hot { position: absolute; top: 4px; right: -4px; } </style> </head> <body> <div class="tupian"> <img src="./images/product.png" alt=""> <i class="hot"> <img src="./images/hot.png" alt=""> </i> </div> </body> </html>
这个位置的话，先将大体的位置写出来
top:0; right:0;
然后写偏移的位置，如果是正数，代表的是离顶部向内部缩进的距离，如果是负数，代表的是向盒子外部缩进的距离。
