css - 单击表单单选按钮时,Edge 将整个 HTML 元素移出屏幕左侧?

标签 css html forms radio-button microsoft-edge

正如您从下图中看到的,Edge(并且只有 Edge)决定将我的整个 HTML 元素向左移动一个未知数量的像素,离开屏幕。为什么?我使用的是自定义单选按钮设计,但底层 HTML 是相同的。有人以前见过这个吗?

Before breaking

After breaking

(旁注:如果有帮助,我可以安排一个实时版本的页面供你们试用 - 如果有人要求的话)

最佳答案

偏移是由 .radio input[type='radio'] 元素绝对定位引起的。

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

1: 添加 position: relative; 到你的 .radio css 选择器。

2: 去掉.radio input[type='radio']中的position: absolute;,添加display: none;这是地方。

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

关于css - 单击表单单选按钮时,Edge 将整个 HTML 元素移出屏幕左侧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46418876/

相关文章:

Javascript 名称验证

javascript - 是否可以使用 html/javascript/css 在 img 元素中打洞?

php - 几秒钟后突出显示不同的链接

javascript - 使用 HTML 文本框值作为 HighCharts 百分比

jquery - 在文本区域的新行上触发 jQuery 事件(不是键盘输入)

javascript - jQuery:表单提交 - 多个事件处理程序

css - 添加 `animation` 声明会弄乱 z-indexes,有点像

html - 覆盖元素上的CSS样式

javascript - 以 html 形式调用 javascript 函数是否有问题

html - 需要基本的 HTML 帮助