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ます。