Html 如何使div粘贴在复选框和标签旁边?

Html 如何使div粘贴在复选框和标签旁边?,html,css,Html,Css,这是样品 我试过了 display:block;float:left; 但“紧急输入”复选框将与前面的两个输入重叠。有解决办法吗?我想在标签旁边显示“紧急输入”复选框。最简单的解决方案是简单地将设置为内联块,而不是内联元素 。选择样式{ 显示:内联块; } .ONOFF开关{ 位置:相对位置; 宽度:136px; -webkit用户选择:无; -moz用户选择:无; -ms用户选择:无; } .onoffswitch复选框{ 显示:无; } .ONOFF开关标签{ 显示:块; 溢出:隐藏;

这是样品

我试过了

display:block;float:left;

但“紧急输入”复选框将与前面的两个输入重叠。有解决办法吗?我想在标签旁边显示“紧急输入”复选框。

最简单的解决方案是简单地将
设置为
内联块
,而不是
内联
元素

。选择样式{
显示:内联块;
}
.ONOFF开关{
位置:相对位置;
宽度:136px;
-webkit用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
}
.onoffswitch复选框{
显示:无;
}
.ONOFF开关标签{
显示:块;
溢出:隐藏;
光标:指针;
边框:2个实心#999999;
边界半径:0px;
}
.ONOFF开关内部{
显示:块;
宽度:200%;
左边距:-100%;
过渡:0秒时,边距为0.3秒;
}
.ONOFF开关内部:之前,
.ONOFF开关内部:之后{
显示:块;
浮动:左;
宽度:50%;
高度:19px;
填充:0;
线高:15px;
字体大小:12px;
颜色:白色;
字体系列:投石机,Arial,无衬线;
字体大小:粗体;
框大小:边框框;
边框:2倍实心透明;
}
.ONOFF开关内部:之前{
内容:“紧急”;
左侧填充:10px;
背景色:#FF0000;
颜色:#FFFFFF;
}
.ONOFF开关内部:之后{
内容:“紧急”;
右边填充:10px;
背景色:#EEEEEE;
颜色:#000000;
文本对齐:右对齐;
}
.ONOFF开关{
显示:块;
宽度:12px;
边际:0px;
背景:#a1a1;
位置:绝对位置;
排名:0;
底部:0;
右:124px;
过渡:所有0.3秒在0秒内轻松过渡;
}
.onoffswitch复选框:选中+.onoffswitch标签.onoffswitch内部{
左边距:0;
}
.onoffswitch复选框:选中+.onoffswitch标签.onoffswitch开关{
右:0px;
背景色:#a1a1;
}

abc
像这样的东西

注意:只切换了div中HTML元素的顺序,并将“float:left;”添加到**

。选择样式{
显示:内联;
}
.ONOFF开关{
位置:相对;宽度:136px;
-webkit用户选择:无;-moz用户选择:无;-ms用户选择:无;
浮动:左侧;/***添加了行***/
}
.onoffswitch复选框{
显示:无;
}
.ONOFF开关标签{
显示:块;溢出:隐藏;光标:指针;
边框:2px实心#999999;边框半径:0px;
}
.ONOFF开关内部{
显示:块;宽度:200%;左边距:-100%;
过渡:0秒时,边距为0.3秒;
}
.onoffswitch内部:之前,.onoffswitch内部:之后{
显示:块;浮动:左;宽度:50%;高度:19px;填充:0;线宽:15px;
字体大小:12px;颜色:白色;字体系列:投石机,Arial,无衬线;字体大小:粗体;
框大小:边框框;
边框:2倍实心透明;
}
.ONOFF开关内部:之前{
内容:“紧急”;
左侧填充:10px;
背景色:#FF0000;颜色:#FFFFFF;
}
.ONOFF开关内部:之后{
内容:“紧急”;
右边填充:10px;
背景色:#EEEEEE;颜色:#000000;
文本对齐:右对齐;
}
.ONOFF开关{
显示:块;宽度:12px;边距:0px;
背景:#a1a1;
位置:绝对;顶部:0;底部:0;
右:124px;
过渡:所有0.3秒在0秒内轻松过渡;
}
.onoffswitch复选框:选中+.onoffswitch标签.onoffswitch内部{
左边距:0;
}
.onoffswitch复选框:选中+.onoffswitch标签.onoffswitch开关{
右:0px;
背景色:#a1a1;
}

abc

您的问题需要详细说明。不要让我们访问第三方网站,因为你可以轻松地在你的问题中嵌入代码示例在我的情况下,它不起作用,我不知道为什么,它会重叠我的复选框和标签在我的示例中它起作用。您可能需要
清除
一些
浮动
。您能提供一个MVCE,但它不起作用吗?是的,它在示例中起作用,我已经尝试了每个工作示例,但在我的显示中,它始终与标签重叠。@Obsidiase这就是为什么您永远不应该回答不在问题本身中提供标记和代码的问题,并且使用第三方来源的原因。@Rob Well,我使用的是完全相同的代码,只是显示不好,我该怎么处理它?没关系,我自己来解决。谢谢。额外解释:您最初的想法是正确的,但为了使复选框旁边的开关“浮动”,它也必须是正确的顺序。把顺序想象成阅读列表中的元素(从左到右=对应于html顺序中从上到下的顺序)。我想显示在标签后面,而不是复选框前面。但当我切换订单时,紧急复选框将与其他复选框重叠。