css购物车右上角数字效果

2019独角兽企业重金招聘Python工程师标准>>>

.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 来控制位置

转载于:https://my.oschina.net/u/3559695/blog/1802987