将容器设置为overflow: hidden和it'll wrap!

我想明白了父div应该有overflow: hidden;。这将使它包含任何浮动的元素。

设置“溢出：”””在父母。这将导致它包含任何浮动的元素。

在浮动div后面添加<br style="clear: both;" />。

<div class="element">
          <label></label>
          <input type="submit" id="submit" value="Post Assessment">
          <div style="clear:both"></div>
</div>

MDN在这个案例中说：
注意：如果一个元素只包含浮动元素，它的高度会折叠为零。如果希望它始终能够调整大小，以便它包含浮动元素，请将元素的display属性的值设置为flow-root。

#container {
  display: flow-root;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/clear
在overflow方法上，他们说：
使用overflow创建一个新的BFC的问题是overflow属性是用来告诉浏览器你希望如何处理溢出的内容。在某些情况下，当您纯粹使用此属性创建BFC时，您会发现您会得到不需要的滚动条或剪切阴影。此外，对于未来的开发人员来说，它可能不是很可读，因为您可能不清楚为什么要为此目的使用overflow。如果您这样做，最好在代码上注解以进行解释。
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts
所以我更喜欢diplay: flow-root方法。

使用

text-align:right

而不是float：对