当我将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块定位。