css - 当我对其应用 css 时，单选按钮不起作用

Question

CSS:

input[type='radio'] {

    position: absolute;
    left: 42.5em;
    top: 29.5em;    

}

input[type='radio'][value='no'] {

    position: absolute;
    left: 46.4em;
    top: 29.5em;    
}

HTML:

<input type="radio" name="relocate" value="yes" />Yes<br>
<input type="radio" name="relocate" value="no" />No

当我将样式应用到单选按钮时，它不起作用，不切换，卡住。 CSS HTML

Answer 1

您的问题是position:absolute;，因为元素是相对于第一个非静态位置的父元素定位的。由于您在此示例中没有任何父定位，因此 input 相对于 html block 进行定位。