单击form radiobutton时，Edge会将整个HTML元素移出屏幕左侧？

Question

从下图中可以看出，Edge（并且只有Edge）决定将整个HTML元素从屏幕左侧移动到左侧的未知像素数。为什么？我使用自定义单选按钮设计，但基础HTML是相同的。有没有人见过这个？

（旁注：如果它有帮助，我可以安排一个实时版本的网页供你们解决 - 如果有人要求的话）

Answer 1

这种转变是由.radio input[type='radio']元素绝对定位引起的。

您可以通过多种不同的方式解决这个问题。

1：将position: relative;添加到.radio css选择器。

2：从position: absolute;移除.radio input[type='radio']并在其中添加display: none;。

3：从position: absolute;移除.radio input[type='radio']并在其中添加height: 0; width: 0;。