前端项目实战178-利用原生实现div关闭功能

 <div className={styles['sizeName']}>
                               
 <a onClick={()=>{handleClose(item.sizeId)}} 
href="javascript:void(0)" className={styles['close']} >x</a>
                                
<span>{item.sizeName}</span></div>

样式数据

.sizeName {
  width: 90px;
  border: 1px solid #ccc;
  text-align: center;
  position: relative;
}
 
.close {
  position: absolute;
  display: inline-block;
  right: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: aliceblue;
  line-height: 15px;
  cursor: pointer;
  text-decoration: underline;
  vertical-align: top;
 
}