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