右浮动div被另一条线上的另一个div阻挡

Question

我目前无法将文本框浮动到其父div的最右侧。我认为问题在于前一行的元素。我知道我可以通过浮动2列来实现这一点，一列向左，一列向右 - 反对将每个文本元素浮动到左侧，每个输入向右浮动。只需在“重置密码”按钮下面插入另一行，但我不喜欢这个解决方案。出于好奇，是否有另一种解决方案可以让员工复选框正确地向右浮动？也许在CSS中有一种方法让员工文本框忽略“重置密码”框？

Answer 1

您需要的是clear:both;。

首先让重置密码向右浮动，然后让权限级别向左浮动，但是给它一个clear:both;以便它可以浮动到一个新行并忽略重置密码，然后当您向右移动员工时，它将按您喜欢的方式浮动。

DEMO