フォームラジオボタンをクリックすると、エッジがHTML要素全体を画面の左側に移動しますか？

Question

下の画像からわかるように、Edge（そしてEdgeのみ）は、HTML要素全体を不明な数のピクセルを画面外の左側にシフトすることに決めました。どうして？私はカスタムのラジオボタンのデザインを使用していますが、基本的なHTMLは同じです。誰もこれを見たことがありますか？

（サイドノート：それは助け場合は君たちがで亀裂を持っているため、私はページのライブバージョンを手配することができます - 誰もがそれを要求しなければならない）

Answer 1

シフトは、絶対配置される.radio input[type='radio']要素によって引き起こされます。

これを複数の方法で修正できます。

1：.radio CSSセレクタにposition: relative;を追加してください。

2：.radio input[type='radio']からposition: absolute;を削除し、display: none;をその場所に追加します。

3：position: absolute;を.radio input[type='radio']から削除し、height: 0; width: 0;をその場所に追加します。