css購物車右上角數字效果

.center-order-send {

margin-left: 163rpx;

margin-right: 163rpx;

position: relative;

}

 

.center-order-num-posi{

position: absolute;

padding:2rpx 10rpx;

border:1px solid #f50000;

background-color: #f50000;

color:white;

border-radius: 30rpx;

top:2rpx;

left:46rpx;

}

 

重點注意  父級要用position:relative

子元素用position:absolute 

而後用top  left 來控制位置