Javascript CSS将两个元素相邻对齐

我已经看了关于同一主题的所有其他问题，但似乎没有一个有效。考虑代码-< /P> .河{ 高度：100px； 宽度：100%； 边缘顶部：30px； 背景色：00bff } .开关{ 位置：相对位置； 宽度：60px； 高度：34px； 浮动：左； 文本对齐：居中； } 河

---

当然，复选框不会与河流并排，因为您将宽度：100%设置为.River。为了让它工作，我对你的html做了一点修改

你有多个解决方案，我不知道你是如何搜索的，没有找到解决方案

因为您已经添加了float:left-yo开关，所以将float:left添加到.River p。请参阅代码片段 .河{ 高度：100px； 宽度：100%； 边缘顶部：30px； 背景色：00bff } .开关{ 位置：相对位置； 宽度：60px； 高度：34px； 浮动：左； 文本对齐：居中； } .p河{ 浮动：左； 保证金：0； } 河

这是代码

.河{ 显示：内联块； 垂直对齐：中间对齐； } .开关{ 显示：内联块； 垂直对齐：中间对齐； 左边距：10px； } .河套{ 背景色：00bff； 溢出：隐藏； 填充：15px； } 河

检查一下

.河{ 高度：100px； 宽度：100%； 边缘顶部：30px； 背景色：00bff； } .开关{ 位置：相对位置； 宽度：60px； 高度：34px； 浮动：左； 文本对齐：居中； 边缘顶部：18px； } .p河{ 显示：内联块； 浮动：左； } 河

---

有人已经在评论中提到了：

因为River是一个标签，所以它应该在标签标签中。因此，如果你把它放在那里，然后在标签上加上.River，你可能无法根据你的规则准确地猜出你想要的，但是你可以在你想要的地方得到复选框，并且可以从那里开始工作

.河{ 高度：100px； 宽度：100%； 边缘顶部：30px； 背景色：00bff } .开关{ 位置：相对位置； 宽度：60px； 高度：34px； 浮动：左； 文本对齐：居中； } 河

---

我认为你有无用的标签和css。。。简单地删除所有css for switch复选框，并将其全部包装在表单控件div上

.河{ 高度：100px； 宽度：100%； 边缘顶部：30px； 背景色：00bff } 河

---

显示：内联块；是您所需要的吗？如果要将River作为标签，为什么它不嵌套在label元素中？