Html 单选按钮在后台滚动，如何解决这个问题？

我的单选按钮有问题。 我正试图修复背景上的单选按钮，就像其他元素一样。 但现在，当我缩小页面时，它们正在与背景一起滚动。 你能帮帮我吗？ 提前谢谢！ 例如：

标签[class=number]：：之前{
反增量：节；
内容：柜台（部分）“；
显示：内联块；
颜色：白色；
宽度：20px；
背景色：黑色；
文本对齐：居中；
垫面：1%；
左边距：10px；
垫底：1%；
}
标签[类别=编号]{
显示：内联块；
边缘顶部：20px；
宽度：345px；
}
#bestellen输入[type=number]，#bestellen输入[type=text]，选择{
宽度：40px；
左边缘：102%；
显示：块；
利润率最高：-7%；
边框颜色：天蓝色；
边框样式：双边框；
}
输入[类型=范围]{
宽度：40px；
位置：相对位置；
左边缘：102%；
背景色：透明；
利润率最高：-5%；
显示：块；
}
小的{
显示：块；
左边距：420px；
利润上限：-1.5%；
}

David Vann-水族馆：最多10个样本
Robert Seethaler-连鞋跟高度：最多99个示例
Paula Hawkins-de trein中的Het Meije：15个样本中的最佳0、5、10个
欧内斯特·范德克瓦斯特-德艾斯梅克斯：
1.
10
20

伯特·纳特-雷明顿：
吉恩
1.
2.
3.
4.
5.
6.
7.
8.
9
10

如果要在标签后设置单选按钮，请更新代码并在标签标签后移动输入单选按钮

<label id="ernest"> 1<input type="radio" name="Ernest van der kwast" value="1"></label>
<label id="ernest"> 10<input type="radio" name="Ernest van der kwast" value="10"></label>
<label id="ernest"> 20<input type="radio" name="Ernest van der kwast" value="20"></label><br>

1
10
20

标签[class=number]：：之前{
反增量：节；
内容：柜台（部分）“；
显示：内联块；
颜色：白色；
宽度：20px；
背景色：黑色；
文本对齐：居中；
垫面：1%；
左边距：10px；
垫底：1%；
}
标签[类别=编号]{
显示：内联块；
边缘顶部：20px；
宽度：345px；
}
#bestellen输入[type=number]，#bestellen输入[type=text]，选择{
宽度：40px；
左边缘：102%；
显示：块；
利润率最高：-7%；
边框颜色：天蓝色；
边框样式：双边框；
}
输入[类型=范围]{
宽度：40px；
位置：相对位置；
左边缘：102%；
背景色：透明；
利润率最高：-5%；
显示：块；
}
小的{
显示：块；
左边距：420px；
利润上限：-1.5%；
}

David Vann-水族馆：最多10个样本
Robert Seethaler-连鞋跟高度：最多99个示例
Paula Hawkins-de trein中的Het Meije：15个样本中的最佳0、5、10个


欧内斯特·范德克瓦斯特-德艾斯梅克斯：
1.
10
20

伯特·纳特-雷明顿：
吉恩
1.
2.
3.
4.
5.
6.
7.
8.
9
10

谢谢您的回答！但我的问题是，当我缩小页面时，单选按钮将与背景一起滚动。它们必须像其他元素一样固定。你知道怎么做吗？你想让它成为一个新的答案吗？代码块本身通常不是有用的答案，更可能吸引反对票。请解释你正在展示的解决方案是什么，以及为什么/如何回答这个问题。@Jolanda我想你想回答单选按钮？？right@Jolanda尝试在标签中使用class=“radio inline”，并在标题中包含引导css。@MikeMcCaughan，当我滚动时，它会在下一行显示单选按钮，如下所示：，但当我缩小页面时，我希望它位于同一行。@Jolanda我的评论是对回答者的。现在还不清楚他们改变了什么，因此这个答案并没有它可能的那么有用。这并不是造成这个问题的原因，但是ID应该是文档唯一的。换句话说，您不能重复三次。