CSS

[xuesongya]

:heavy_check_mark: position:absolute；position:relative 绝对定位使用通常是父级定义position:relative定位，子级定义position:absolute绝对定位属性，并且子级使用left或right和top或bottom进行绝对定位。

子级的absolute定位是相对于第一个有position定位的父级。

例如： 父级

.radio-button label{
    display: inline-block;
    line-height: 12px;
    font-size: 12px;
    height: 12px;
    margin-left: 15px;
    color: black;
    overflow: hidden;
    position: relative;
}

子级

.radio-button input[type=radio]:checked + label:after{
    transform:scale(0.5);
    border-radius :50%;
    width: 12px;  
    height: 12px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color :#47b3ff;
    transition :transform ease 280ms, background-color ease 280ms;
}

after里面的absolute定位相对于label的relative来定位